Diapositive
Di Trantor

Indietro Avanti
Foto 1
Foto 2
Foto 3
Foto 4
Foto 5
<html> <head> <title>Diapositive</title> <style type="text/css"><!-- xmp {margin-top:450px} #foto1 {position:absolute; top:170; visibility:visible} #foto2 {position:absolute; top:170; visibility:hidden } #foto3 {position:absolute; top:170; visibility:hidden } #foto4 {position:absolute; top:170; visibility:hidden } #foto5 {position:absolute; top:170; visibility:hidden } // --> </style> <script type="text/javascript"><!-- var i=1,n_foto=5,slide=0,tempo=2000 var n = (document.layers) ? 1:0 var ie = (document.all) ? 1:0 var cx=(screen.width-600)/2 function Inizio() { for (var a=1;a<=n_foto; a++) { if (ie) {document.all["foto"+a].style.left=cx} if (n) {document.layers["foto"+a].left=cx} } Vedi(i) } function Vedi(i) { for (var a=1; a<=n_foto; a++) { if (ie) {document.all["foto"+a].style.visibility="hidden"} if (n) {document.layers["foto"+a].visibility="hidden"} } if (ie) {document.all["foto"+i].style.visibility="visible"} if (n) {document.layers["foto"+i].visibility="visible"} document.Controllo.Nome.value="Foto "+i } function Avanti() { i++ if (i>n_foto) {i=1} Vedi(i) } function Indietro() { i-- if (i<1) {i=n_foto} Vedi(i) } function SlideShow() { if (slide==1) {Avanti()} } setInterval("SlideShow()",tempo) // --> </script> </head> <body onload="Inizio()"> <hr><center> <form name="Controllo"> <a href="javascript:Indietro()"><img src="fs.gif" border="0" alt="Indietro"></a> <input type="button" value="Avvia SlideShow" onclick="slide=(slide+1)%2; if (slide==0) {this.value='Avvia SlideShow'}; if (slide==1) {this.value='Ferma SlideShow'}; "> <input type="text" size="10" name="Nome" readonly> <a href="javascript:Avanti()"><img src="fd.gif" border="0" alt="Avanti"></a> </form> </center> <div id="foto1"><img src="foto1.jpg" alt="Foto 1"></div> <div id="foto2"><img src="foto2.jpg" alt="Foto 2"></div> <div id="foto3"><img src="foto3.jpg" alt="Foto 3"></div> <div id="foto4"><img src="foto4.jpg" alt="Foto 4"></div> <div id="foto5"><img src="foto5.jpg" alt="Foto 5"></div> <hr> <!-- DIV 728x90 IAM --> <div id="ad72890bottom" align="center"></div> <!-- START Digilander F --> <SCRIPT LANGUAGE="Javascript"> <!-- if ( typeof(bsl1_boot) != 'undefined' ) { setTimeout("bsl1_boot()",100); } var rs_DLR=1; var rs_DLRERR=0; //--> </SCRIPT> <SCRIPT LANGUAGE="Javascript" SRC="http://digilander.libero.it/_ad/digi_ad_13.js"> </SCRIPT> <!-- Begin Nielsen DCR SDK --> <script> if(window.location === window.parent.location){ // Static Queue Snippet ! function(t, n) { t[n] = t[n] || { nlsQ: function(e, o, c, r, s, i) { return s = t.document, r = s.createElement("script"), r.async = 1, r.src = ("http:" === t.location.protocol ? "http:" : "https:") + "//cdn-gl.imrworldwide.com/conf/" + e + ".js#name=" + o + "&ns=" + n, i = s.getElementsByTagName("script")[0], i.parentNode.insertBefore(r, i), t[n][o] = t[n][o] || { g: c || {}, ggPM: function(e, c, r, s, i) { (t[n][o].q = t[n][o].q || []).push([e, c, r, s, i]) } }, t[n][o]}}} (window, "NOLBUNDLE"); // SDK Initialization var nSdkInstance = NOLBUNDLE.nlsQ("P1504C48C-9D0B-4ADE-B7CD-04AF56A52362", "nlsnInstance"); // Content Metadata var nielsenMetadata = { type: 'static', assetid: ( location.hostname + location.pathname + location.search ).replace( /([^\w]|_)+/g, '-' ).replace( /^-+|-+$/g, '' ) || 'homepage', section: 'LiberoCommunity_BRW' }; // Event 'staticstart' Call nSdkInstance.ggPM("staticstart", nielsenMetadata); } </script> <!-- End Nielsen DCR SDK --> <!-- Libero COMSCORE start - Version 1.53 --> <script type="text/javascript"> if ( rs_DLRERR == 1 ) { var libero_comscore_error = 404; } </script> <script type="text/javascript"> document.write(unescape("%3Cscript src='" + (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js'%3E%3C/script%3E")); </script> <script type="text/javascript"> if (rs_DLR) { document.write(unescape("%3Cscript id='libero_tracking_js_site' src='http://digistatic.libero.it/js/comscore_8_3_04/comscore_digilander.libero.it.js'%3E%3C/script%3E")); document.write(unescape("%3Cscript id='libero_tracking_js_site' src='http://digistatic.libero.it/js/comscore_8_3_04/comscore_engine.js'%3E%3C/script%3E")); } </script> <noscript> <img src="http://b.scorecardresearch.com/p?c1=2&amp;c2=13259779&amp;cj=1&amp;name=libero.others&amp;ns_site=libero" /> </noscript> <!-- Libero COMSCORE end --> <!-- IOL Analytics --> <script src="//i.plug.it/iplug/js/lib/iol/analytics/data/digilander-libero-it/tracking_digilander-libero-it.min.js"></script> <script src="//i.plug.it/iplug/js/lib/iol/analytics/engine/IOL.Analytics.Tracking.min.js"></script> <script type="text/javascript"> var iat = new IOL.Analytics.Tracking.Engine(); iat.send(); </script> <noscript><img src="//italiaonline01.wt-eu02.net/215973748390194/wt.pl?p=315,libero.web.share.digiland.siti.digilander&amp;cg1=libero&amp;cg2=web&amp;cg3=share&amp;cg4=digiland&amp;cg5=siti&amp;cg6=digilander&amp;cg7=libero.web.share.digiland.siti.digilander" height="1" width="1" alt=""></noscript> <!-- /IOL Analytics --> <!-- BEGIN Global site tag (gtag.js) - Google Analytics 4 --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-9K5Y6YYGV4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9K5Y6YYGV4'); </script> <!-- END Global site tag (gtag.js) - Google Analytics 4 --> <div id="adinterstitial"></div> </body> </html>
Lezioni di Dynamic HTML