Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    266

    Cambiare sfondo con effetto fade

    Nella sezione javascript del sito ho trovato questo: http://javascript.html.it/script/ved...ondo-con-link/

    Bene ora come posso aggiungere un effetto di transizione tra un img e un altra? un effetto fade ad esempio.

    Grazie anticipatamente!

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Non in javascript il background non ammette transizioni, credo sia possibile con css3, ma l'effetto è più scattoso e non è supportato da tutti i browser

    edit:
    @k4osz
    Script funzionante con IE
    Ragazzi è possibile rendere compatibile questo script con IE?
    E inutile fattene una ragione, d'altronde se fosse possibile l'avrebbe fatto lo sviluppatore dell'altro script non trovi
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    l'unica sarebbe un div con immagine da mostrare sotto il contenuto vero e proprio del sito...
    Ciao!

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    266
    Riprendo questa discussione per un altra domanda.
    Ho cambiato totalmente script, mi fa lo slide del background in questo modo:

    codice:
    <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
    
    
    <script type="text/javascript">
    
    function slideSwitch() {
        var $active = $('#slideshow IMG.active');
    
        if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
    
        // use this to pull the images in the order they appear in the markup
        var $next =  $active.next().length ? $active.next()
            : $('#slideshow IMG:first');
    
        // uncomment the 3 lines below to pull the images in random order
        
        // var $sibs  = $active.siblings();
        // var rndNum = Math.floor(Math.random() * $sibs.length );
        // var $next  = $( $sibs[ rndNum ] );
    
    
        $active.addClass('last-active');
    
        $next.css({opacity: 0.0})
            .addClass('active')
            .animate({opacity: 1.0}, 1000, function() {
                $active.removeClass('active last-active');
            });
    }
    
    $(function() {
        setInterval( "slideSwitch()", 5000 );
    });
    
    </script>
    Ora mi chiedevo se era possibile integrare lo script di prima cioè al click mi cambia l'img. Consigli?

  5. #5
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    266
    nulla?

  6. #6
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    266
    Allora ragazzi sono riuscito a fare la seguente:

    guardando il codice postato nel post precedente ho tolto il setInterval e in questo modo ho stoppato lo slide (in maniera sbagliato secondo me), e poi ho dato ad un link la funzione
    javascript:slideSwitch() in questo modo funziona bene, solo che va molto lento lo slide, si blocca, specialmente su IE, secondo me non ho stoppato la funziona cosi, lo script continua a girare, consigli?

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.