Ferroandres escribió:
Mira aquí te dejo un ejemplo en un
Fiddle para que tomes guía de lo que puedes hacer. Esta no es la mejor manera de hacerlo, pero es lo que quieres, míralo, si te quedan dudas pregunta. Saludos.
muchas gracias
de hecho si empeze haciendo algo parecido, solo que sin identificar el valor de la imagen, pero despues cuando hacia click pues no sabia como hacerle para que identificara a que imagen habia dado click, despues decidi que quiza haciendo una funcion para cada uno, y asi me esta funcionando, te podre el codigo, creo que es demasiado y que se podria simplificar pero aun no encuentro como.
Muchas gracias
Código HTML :
<script>
function tabsManager() {
$("#CajaTabs").load("TabsManager.html");
}
function tabsTicket() {
$("#CajaTabs").load("TabsTicket.html");
}
function tabsStatus() {
$("#CajaTabs").load("TabsStuatus.html");
}
function tabsCash() {
$("#CajaTabs").load("TabsCash.html");
}
function tabsTicketManager() {
$("#CajaTabs").load("TabsTickMan.html");
}
function tabsManagerLight() {
$("#CajaTabs").load("TabsManLight.html");
}
function tabsAcademy() {
$("#CajaTabs").load("TabsAcademy.html");
}
</script>
</head>
<body>
<div id="imagesBox">
<div class="infiniteCarousel">
<div class="wrapper">
<ul>
<li><input type="image" name="Manager" src="images/Caja Manager.png" width="95" height="130" title="Check Manager" alt="Check Manager" onclick="tabsManager()"/></li>
<li><input type="image" name="Ticket" src="images/Caja Ticket.png" width="95" height="130" title="Check Manager" alt="Check Manager" onclick="tabsTicket()"/></li>
<li><input type="image" name="Status" src="images/Caja Status.png" width="95" height="130" title="Check Manager" alt="Check Manager" onclick="tabsManager()"/></li>
<li><input type="image" name="Cash" src="images/Caja Ticket.png" width="95" height="130" title="Check Manager" alt="Check Manager" onclick="tabsManager()"/></li>
<li><input type="image" name="TicketManager" src="images/Caja Ticket.png" width="95" height="130" title="Check Manager" alt="Check Manager" onclick="tabsManager()"/></li>
<li><input type="image" name="ManagerLight" src="images/Caja Manager Ligth.png" width="95" height="130" title="Check Manager" alt="Check Manager" onclick="tabsManager()"/></li>
<li><input type="image" name="Academy" src="images/Caja Ticket.png" width="95" height="130" title="Check Manager" alt="Check Manager" onclick="tabsManager()"/></li>
</ul>
</div>
</div>
</div>
<div id="page">
<div id="CajaTabs">
<br class="clearfix" />
</div>
</div>si cres que algo esta mal o no podria funcionar, por favor te agradeceria que me dijeras, hasta ahorita parece que funciona
