Ciao a tutti ragazzi dovrei far muovere una serie di immagini in orizontale purtroppo di JS non sono molto skillato
questo script che ho trovato permette di far muovere le immagini in verticale dal basso verso l'alto a me servirebbe che si muovesse da destra verso sinistra o viceversa qualche buona anima potrebbe aiutarmi a trovare la quadra????
grazie molto vi allego il codice....
codice index.html
Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="it"> <head> <title>xxx</title> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="it" /> <link href="css/stile.css" rel="stylesheet" type="text/css" /> <link href="css/slide.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/banner.js"></script> </head> <body> <div id="slideCont" style=" position:relative;z-index:1;width:100%;overflow:hidden;"> <div id="slideA" style="position:inherit;z-index:1;top:50px;width:100%;overflow:hidden;"> [img]apache.gif[/img]</a> [img]banner_haan_net_en.gif[/img]</a> [img]linux.gif[/img]</a> [img]mysql.gif[/img]</a> [img]php.gif[/img]</a> [img]ubuntu.gif[/img]</a> <div id="slideB" style="position:inherit;z-index:1;top:50px;width:100%;overflow:hidden;"> [img]apache.gif[/img]</a> [img]banner_haan_net_en.gif[/img]</a> [img]linux.gif[/img]</a> [img]mysql.gif[/img]</a> [img]php.gif[/img]</a> [img]ubuntu.gif[/img]</a> </div> </div> </div> <div id="gallery_personale"></div> </body> </html>
codice banner.js
grazie anticipatamenteCodice PHP:function clip() {
// width of the banner container
var contWidth = 600;
// height of the banner container
var contHeight = 300;
var id1 = document.getElementById('slideA');
var id2 = document.getElementById('slideB');
var height = id1.offsetHeight;
id1.style.left = parseInt(id1.style.left)-1 + 'px';
document.getElementById('slideCont').style.height = contHeight + "px";
document.getElementById('slideCont').style.clip = 'rect(auto,'+ contWidth +'px,' + contHeight +'px,auto)';
id2.style.display = '';
if(parseFloat(id1.style.left) == -(height/2)) {
id1.style.top = '0px';
}
setTimeout(clip,50)
}
// Multiple onload function created by: Simon Willison
// [url]http://simon.incutio.com/archive/2004/05/26/addLoadEvent[/url]
function addLoadEvent(func)
{
var oldonload = window.onload;
if (typeof window.onload != 'function')
{
window.onload = func;
} else
{
window.onload = function()
{
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
clip();
});
cordiali saluti Marco
Rispondi quotando
