01/11/2011, 14:24
|
 | | | Fecha de Ingreso: octubre-2011
Mensajes: 4
Antigüedad: 13 años Puntos: 0 | |
 Respuesta: Plugins y técnicas jQuery para crear efectos con imágenes
Hola Alun,
agradecido por tu respuesta, no lo he hecho antes porque he estado fuera unos días y he desconectado.
Según el html del tutorial el id se pone en el enlace, te muestro el código del tutorial:
<body>
<a id="go" href="../test_image.jpg">Show lightbox!</a>
<div id="iviewer">
<div class="loader"></div>
<div class="viewer"></div>
<ul class="controls">
<li class="close"></li>
<li class="zoomin"></li>
<li class="zoomout"></li>
</ul>
<p class="info">
Use your scrollwheel or the zoom buttons to zoom in/out.
Click and drag to view other parts of the image when zoomed.
</p>
</div>
<script type="text/javascript" src="../jquery.js" ></script>
<script type="text/javascript" src="../jqueryui.js" ></script>
<script type="text/javascript" src="../jquery.mousewheel.min.js" ></script>
<script type="text/javascript" src="../../jquery.iviewer.js" ></script>
<script src="main.js"></script>
</body>
y ahora te muestro el mío:
<ul class="quadres">
<li><a id="go1" href="img/quadres/tela/composicio2.jpg"><img src="img/quadres/tela/composicio1.jpg" alt="Composició" /></a></li>
<li><a id="go2" href="img/quadres/tela/palamos2.jpg"><img src="img/quadres/tela/palamos1.jpg" alt="Palamós" /></a></li>
</ul>
entonces en main.js te muestro el código original donde pienso está el kit:
$('#go').click(function(e) {
e.preventDefault();
var src = $(this).attr('href');
open(src);
});
y lo que he hecho yo:
$('#go1').click(function(e) {
e.preventDefault();
var src = $(this).attr('href');
open(src);
});
$('#go2').click(function(e) {
e.preventDefault();
var src = $(this).attr('href');
open(src);
});
pero claro, si tengo que hacerlo con 149 imágenes no creo que sea óptimo.
muchas gracias por la ayuda,
jesus |