mi ritrovo a combattere sempre per accontentare i vari plugin jquery e farli funzionare.
Ora ho il problema della galleria "yoxview".
Praticamente ho dentro un div una serie di miniature ed a fianco un div dove si vede l'immagine cliccata ingrandita, se clicco sull'immagine ingrandita si attiva il "yoxview e mi fa vedere l'immagine a tutto schermo.
Il problema è che se seleziono dalle miniature tipo la seconda immagine e vado a cliccare sull'ingrandimento per vederla a tutto schermo mi fa vedere la prima immagine.
Per far funzionare lo script bisogna fare così:
- $(document).ready(function(){
- $(".multiple").yoxview({
- images: [
- { media: { src: 'images/items/large/avocado.jpg', title: 'Avocado' }},
- { media: { src: 'images/items/large/flower.jpg', title: 'Flower' }},
- ]
- });
- });
e la parte html:
- <div id="bigimage">
- <a href="images/items/large/avocado.jpg" class="multiple">
- <img id="img2" src="Img/thumb.php?im=images/items/large/avocado.jpg&maxsize=450" height="345" /></a>
- </div>
In poche parole lo script prende la prima immagine segnata nella parte javascript, quindi è ovvio che parte sempre dalla prima immagine.
Non ci sarebbe un modo per rendere dinamica la parte javascript?
Ad esempio io per cambiare l'immagine dentro l'anteprima ho fatto così:
- <script type="text/javascript">
- $(document).ready(function(){
- $("#thumbs .box_thumb img").click( function(){ $("#img2").attr('src',$(this).attr('src').replace('maxsize=120','maxsize=450')); });
- });
- </script>
in questa maniera riesco a cambiare immagine ogni volta che clicco su una miniatura, non ci sarebbe il modo per poter adattare un esempio simile alla parte javascript?
Io ci sto sbattendo la testa da settimane ma nulla!
Grazie ciao
