Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    target ad un DIV in Simple jQuery Slideshow Script


    Ho da qualche tempo implementato Simple jQuery Slideshow Script per un lavoretto
    sito di riferimento:
    http://jonraasch.com/blog/a-simple-jquery-slideshow
    veramente comodo e bello

    La creazione dello slideshow è gestita con PHP




    Ora mi è stato chiesto di poter dare un link ad alcune immagini nello slideshow cosa che ho già implementato in amministrazione
    Ora sto provando e....

    codice:
    <div id="slideshow">
    [img]27471big640.jpg[/img]
    [img]./upload/imgbig/31248big715.jpg[/img]
    [img]./upload/imgbig/20333big208.jpg[/img]
    </div>
    succede che lo slide non gira perchè il "target" dello script è l'immagine (IMG) e aggiungendo 1 a href "salta tutto"

    al che nel blog dell'autore è stato consigliato di cambiare IMG con 1 div che contiene ogni singola immagine

    una cosa del tipo
    codice:
    <div id="slideshow">
    
    <div class="active">[img]27471big640.jpg[/img]</div>
    <div >[img]./upload/imgbig/31248big715.jpg[/img]</div>
    <div >[img]./upload/imgbig/20333big208.jpg[/img]</div>
    
    </div>
    avendo così sempre 1 contenitore per eventuali tag aggiuntivi appunto il DIV ...ho provato come sopra riporto e ho cambiato poi lo script così
    codice:
    function slideSwitch() {
        var $active = $('#slideshow DIV.active');
    
        if ( $active.length == 0 ) $active = $('#slideshow DIV:last');
    
        // use this to pull the images in the order they appear in the markup
        var $next =  $active.next().length ? $active.next()
            : $('#slideshow DIV:first');
    HO poi cambiato il foglio di stile come segue

    codice:
    /******************/
    /* simple slideshow*/
    #slideshow {
        position:relative;
        height:311px;
    }
    
    #slideshow DIV {
        position:absolute;
        top:0;
        left:0;
        z-index:8;
        opacity:0.0;
    }
    
    #slideshow DIV.active {
        z-index:10;
        opacity:1.0;
    }
    
    #slideshow DIV.last-active {
        z-index:9;
    }
    /* simple slideshow*/
    /******************/
    Semplicemnte ho sostituito IMG con DIV...
    non funzia...

    come posso attribuire il div?

  2. #2
    averlo saputo

    key sensitive...
    ho impostato tutto come DIV
    mentre poi nello slide show scrivevo div <... minuscolo ....

    corretto e funziona

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.