Hola. Estoy haciendo una web y había visto un efecto interesante en jQuery Tools.
En concreto es si se entra el la pagina de Jquery tools, en demos en overlay y es el external, es que no me deja poner el enlace.
La cuestión es que ahí solo me sale para hacerlo con un enlace y yo quiero hacerlo para varios, pero en todos me sale lo mismo, es decir, pongo el código y todo lo que hay que poner y para el primer enlace funciona bien, pero para todos los demás me vuelve a coger el del primer enlace, no se carga la pagina que le corresponde, siempre la primera.
<!-- external page is given in the href attribute (as it should be) -->
<a href="sistemas-loc/flotas.html" rel="#overlay">
<!-- remember that you can use any element inside the anchor tag -->
<button type="button">Sistemas de localización y gestión de flotas</button>
</a>
<!-- overlayed element -->
<div class="overlay" id="overlay">
<!-- the external content is loaded inside this tag -->
<div class="wrap"></div>
</div>
<!-- boton 2 -->
<!-- external page is given in the href attribute (as it should be) -->
<a href="sistemas-loc/personas.html" rel="#overlay">
<!-- remember that you can use any element inside the anchor tag -->
<button type="button">Localización de personas (GPS)</button>
</a>
<!-- overlayed element -->
<div class="overlay" id="overlay">
<!-- the external content is loaded inside this tag -->
<div class="wrap"></div>
</div>
Tengo esto pero con 7 botones, todo sale bien salvo que me carga siempre la pagina que aparece en el primer botón, ignora los demás enlaces, para eso hay que cambiar algo de aquí?
$(function() {
// if the function argument is given to overlay, it is assumed to be the onBeforeLoad event listener
$("a[rel]").overlay(function() {
// grab wrapper element inside content
var wrap = this.getContent().find("div.wrap");
// load only for the first time it is opened
if (wrap.is(":empty")) {
wrap.load(this.getTrigger().attr("href"));
}
});
});
Gracias.