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

    Funzione cambia immagine

    Salve a tutti,
    ho creato questa funzione per cambiare un immagine dentro un div. Il problema è che l'immagine, quando cambia, va sotto quella nuova e poi scompare. Come posso farla scomparire subito?
    codice HTML:
    <div id="img" class="slideshow">        <img src="img1.jpg">        <img src="img2.jpg">        <img src="img3.jpg">
    </div>
    codice:
    $(function(){
                $('.slideshow img:gt(0)').hide();
                setInterval(function(){
                    $('.slideshow :first-child').fadeOut().next('img').fadeIn().end().appendTo('.slideshow');}, 2000);
            });
    Di css non ho messo nulla per ora.
    Grazie

  2. #2
    Ho risolto. Problema di css. Come potrei fare per creare una dissolvenza tra l'immagine precedente e la successiva?

  3. #3
    Ho messo un range che mi modifica la velocità dello slideshow ma non funziona correttamente.
    codice:
    <input id="r" type="range" min="500" max="5000" value="500" onchange="change(), img()">
    
    function change(){
        var a = parseInt(document.getElementById('r').value);
        return a;
    }
    
    
    function img(){
        var a = change();
        if(document.getElementById('check').checked) {a = 2000;}
        $('.slideshow img:gt(0)').hide();
        setInterval(function img(){$('.slideshow :first-child').fadeOut().next('img').fadeIn().end().appendTo('.slideshow')},a);
    }

  4. #4
    Per favore, nessuno riesce ad aiutarmi?

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.