Ciao a tutti ragazzi volevo presentarvi questo problema e chiedervi se qualcuno può aiutarmi a trovare la soluzione a questo strano problema.
Io ho un js che mi fa scorrere delle immagini da sinistra verso destra il mio problema e che ho 30 immagini che devono "scivolare" e stranamente me ne compaiono solo 12 di queste immagini.....
La cosa ancor più strana e che se zoommo il sito CTRL+ Scroll del mouse le altre immagini compaiono per magia,più zoommo in negativo e le immagni compaiono.
Spero che voi possiate aiutarmi vi posto il mio codice,sperando in qualche buona anima più esperta di me in questo settore.
Grazie per il tempo concessomi
Saluti Marco
Codice JS
codice pagina indexCodice PHP:function clip() { // width of the banner container var contWidth = 900; // height of the banner container var contHeight = 106; var id1 = document.getElementById('slideA'); var id2 = document.getElementById('slideB'); var id3 = document.getElementById('slideC'); 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 = ''; id3.style.display = ''; if(parseFloat(id1.style.left) == contWidth) { id1.style.left = '-1000px'; } setTimeout(clip,5) } // Multiple onload function created by: Simon Willison // [url]http://simon.incutio.com/archive/20...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(); });
codice: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> Franco Bonavia </title> <style> body{ margin:0; padding:0; text-align:justify; background-color:#e6e6e6;} #main{ margin:0 auto; padding:0; background-color:#f7f7f7; /*consiglio sempre di specificare le dimensioni del main*/ width:960px; height:100%;} #contenuto{ width:100%; height:100%; margin:15px;} .testo{ margin:20px; width:90%;} #logo{ background-image:url(images/logo.png); background-repeat:no-repeat; width:50%; height:120px; float:left; } #torna{ float:right; width:50%; height:120px; font-size:24px; margin-top:30px; } .titolo_box{ margin-left:20px;} .testo-box{ margin:15px;} .apri{ font-size:18px; font-family:Verdana, Geneva, sans-serif; margin-right:50px;} .apri:hover{ cursor:pointer;} .chiudi{ font-size:18px; color:#000; font-weight:bold; position:absolute; right:2%; top:0%; cursor:pointer;} .overlay{ background:#000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:100; cursor:pointer; opacity: .7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";} #box{ width:600px; height:300px; background-color:#FFF; display:none; z-index:+300; position:absolute; left:30%; top:20%; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} hr { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #CCCCCC; border-right: 0 solid #CCCCCC; border-style: solid; border-width: 1px 0 0; width:60%} </style> <script src="js/jquery.js" type="text/javascript"></script> <script> $(document).ready(function() { $(".apri").click( function(){ $('#overlay').fadeIn('fast'); $('#box').fadeIn('slow'); }); $(".chiudi").click( function(){ $('#overlay').fadeOut('fast'); $('#box').hide(); }); //chiusura emergenza $("#overlay").click( function(){ $(this).fadeOut('fast'); $('#box').hide(); }); }); </script> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="css/stile_pellicola.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/banner_o.js"></script> <link href="css/exposure.css" type="text/css" rel="stylesheet" /> <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="js/jquery.exposure.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('#thumbnails').exposure({controlsTarget : '#controls'}); }); </script> <link rel="alternate" href="album.rss" type="application/rss+xml"/> </head> <body> <div id="slideCont" style=" position:relative;z-index:1;overflow:hidden; width:100%;"> <div id="slideA" style="position:absolute;z-index:1;left:1px;width:100%; height:95px;overflow:hidden;"> [img]img/pellicola_1.png[/img]</a> [img]img/pellicola_2.png[/img]</a> [img]img/pellicola_3.png[/img]</a> [img]img/pellicola_4.png[/img]</a> [img]img/pellicola_5.png[/img]</a> [img]img/pellicola_6.png[/img]</a> [img]img/pellicola_7.png[/img]</a> [img]img/pellicola_8.png[/img]</a> [img]img/pellicola_9.png[/img]</a> [img]img/pellicola_10.png[/img]</a> [img]img/pellicola_11.png[/img]</a> [img]img/pellicola_12.png[/img]</a> [img]img/pellicola_13.png[/img]</a> [img]img/pellicola_14.png[/img]</a> [img]img/pellicola_15.png[/img]</a> [img]img/pellicola_16.png[/img]</a> [img]img/pellicola_17.png[/img]</a> [img]img/pellicola_18.png[/img]</a> [img]img/pellicola_19.png[/img]</a> [img]img/pellicola_20.png[/img]</a> [img]img/pellicola_21.png[/img]</a> [img]img/pellicola_22.png[/img]</a> [img]img/pellicola_23.png[/img]</a> [img]img/pellicola_24.png[/img]</a> [img]img/pellicola_25.png[/img]</a> [img]img/pellicola_26.png[/img]</a> [img]img/pellicola_27.png[/img]</a> [img]img/pellicola_28.png[/img]</a> [img]img/pellicola_29.png[/img]</a> [img]img/pellicola_30.png[/img]</a> <div id="slideB" style="position:absolute;z-index:1;left:1px;width:100%;height:95px;overflow:hidden;"> [img]img/pellicola_1.png[/img]</a> [img]img/pellicola_2.png[/img]</a> [img]img/pellicola_3.png[/img]</a> [img]img/pellicola_4.png[/img]</a> [img]img/pellicola_5.png[/img]</a> [img]img/pellicola_6.png[/img]</a> [img]img/pellicola_7.png[/img]</a> [img]img/pellicola_8.png[/img]</a> [img]img/pellicola_9.png[/img]</a> [img]img/pellicola_10.png[/img]</a> [img]img/pellicola_11.png[/img]</a> [img]img/pellicola_12.png[/img]</a> [img]img/pellicola_13.png[/img]</a> [img]img/pellicola_14.png[/img]</a> [img]img/pellicola_15.png[/img]</a> [img]img/pellicola_16.png[/img]</a> [img]img/pellicola_17.png[/img]</a> [img]img/pellicola_18.png[/img]</a> [img]img/pellicola_19.png[/img]</a> [img]img/pellicola_20.png[/img]</a> [img]img/pellicola_21.png[/img]</a> [img]img/pellicola_22.png[/img]</a> [img]img/pellicola_23.png[/img]</a> [img]img/pellicola_24.png[/img]</a> [img]img/pellicola_25.png[/img]</a> [img]img/pellicola_26.png[/img]</a> [img]img/pellicola_27.png[/img]</a> [img]img/pellicola_28.png[/img]</a> [img]img/pellicola_29.png[/img]</a> [img]img/pellicola_30.png[/img]</a> </div> </div> </div> <?php include 'include_galleria_personale.php'; ?> <div style="clear: both"></div> <div id="box_sx"> <div id="franco_bonavia"> <h1>Franco Bonavia</h1> Independent Consultant</p> </div> <div id="box_mail"> <div id="sfumatura_top"> <p class="apri">[b]E-mail[/b]:[img]img/mail.png[/img]</p> </div> <div id="sfumatura_bottom"> [b]Skype[/b]: franco.bonavia</p> </div> </div> </div> <div id="box_dx"> <div id="box_text"> <div id="box_text_top"> An economic geologist working on specific accountabilities </p>[*] Evaluate mineral potential areas [*] Undertake structural mapping and sampling [*] Search for mineral opportunities and acquisitions [*] Investigate other issues critical to company operations Available to take on projects </p> </div> <div id="box_text_bottom"></div> </div> <div id="botton"> <center> [url="prova.html"][img]img/botton_profile.png[/img][/url] [url="#"][img]img/botton_publications.png[/img][/url] [url="#"][img]img/botton_dashboard.png[/img][/url] [url="#"][img]img/botton_science.png[/img][/url] [url="#"][img]img/botton_stumbling.png[/img][/url] [url="#"][img]img/botton_italiano.png[/img][/url] </center> </div> </div> <div class="overlay" id="overlay" style="display:none;"></div> <div id="box"> <h1 class="titolo_box">Invia Email</h1> <p class="testo-box">Invia Un email a Franco Bonavia</p> <p class="testo-box"> <form method="post"> <label> Email <input type="text" name="from_s" /></label></p> <label> Oggetto <input type="text" name="subject_s" /></label></p> <label> Messaggio <input type="text" name="message" id="mex" /></label></p> <input type="submit" value="Invia" name="submit" /> </p> </form></p> <hr />
