Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    323

    JQUERY -rotazioni di immagini a tutto schermo

    Ciao a tutti,

    nn so dove sbattere la testa. io vorrei crearmi una rotazione di immagini ogni tot secondi . Le immagini sono lo sfondo della pagina web.
    Posto il codice che ho :

    codice:
    <?
    
    $image_dir = "./images/"; 
    $image_relative_path = './images'; 
    $file_types = array('jpg','jpeg','gif','png');
    $image_time = '4000'; 
    
    if($handle = opendir($image_dir)) {
    	while (false !== ($file = readdir($handle))) {
    	if ($file != "." && $file != "..") {
    		$ext_bits = explode(".",$file); 
    		foreach($ext_bits as $key => $value){
    			if(in_array($value,$file_types)){
    				$image_rotation .= '[*][img]'.$image_relative_path.'/'.$file.'[/img]';
    			}		
    		}
    	}
    }
    closedir($handle);
    }
    
    ?>
    <html>
    <head>
    <title></title>
    
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="jquery.innerfade.js"></script>
    	
    </head>
    <body>
    <script>
    $(document).ready(function() { 
    	$('#image_rotate').innerfade({ 
    		speed: 'slow', 
    		timeout: 4000, 
    		type: 'sequence'
    	});
    });
    </script>
    
    
    <ul id="image_rotate" style="list-style: none;">
    	<?= $image_rotation; ?>[/list]
    
    
    </body>
    </html>
    Come faccio a crearmi le immagini di sfondo che si adattano allo schermo e che occupoano tutta lo schermo?

    Ciao a tutti

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    ci sono tecniche per fare quello che chiedi, anche avendo un vero e proprio background e non un' image con i soli css3 (ovviamente con compatibilita' limitata ai soliti browser)

    andando su soluzioni gia' testate
    http://css-tricks.com/3458-perfect-f...kground-image/

    qui una galleria completissima gia' pronta
    (che comunque in versione ridotta permette anche solo di mandare un' immagine a tutto schermo)
    http://www.buildinternet.com/project/supersized/

    ciao

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    323
    Grazie mille per l'aiuto.

    Mi studio per bene i link che mi hai postato.

    grazie

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.