Descrição: Este script galeria robusto permite que você exiba e girar blocos inteiros de HTML sob demanda. Exibir imagens, texto ou HTML rico de uma maneira dinâmica. Definir o script automaticamente para percorrer o conteúdo como em um scroller, ou através de selecção manual. Além disso, temos feito a inserção do conteúdo em blocos brisa envolve simplesmente desejado de HTML em uma tag especiais, e elas são automaticamente adicionadas à galeria. Ela não fica mais fácil do que isso.
Este script funciona no IE5 + e + NS6 degradante, bem com o resto. browsers extremidade inferior simplesmente ver todo o conteúdo de uma vez.

Texto vai aqui

Java is completely different from JavaScript- it's more powerful, more complex, and unfortunately, a lot harder to master. It belongs in the same league as C, C++, and other more complex languages.

DHTML is the embodiment of a combination of technologies- JavaScript, CSS, and HTML. Through them a new level of interactivity is possible for the end user experience.

Blank form Auto: Manual:

1st content for gallery here

2nd content for gallery here

<style type="text/css"> .gallerycontroller{ width: 250px } .gallerycontent{ width: 250px; height: 200px; border: 1px solid black; background-color: #FF4040; padding: 3px; display: block; } </style> <script type="text/javascript"> /*********************************************** * Advanced Gallery script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice must stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var tickspeed=3000 //ticker speed in miliseconds (2000=2 seconds) var displaymode="auto" //displaymode ("auto" or "manual"). No need to modify as form at the bottom will control it, unless you wish to remove form. if (document.getElementById){ document.write('<style type="text/css">\n') document.write('.gallerycontent{display:none;}\n') document.write('</style>\n') } var selectedDiv=0 var totalDivs=0 function getElementbyClass(classname){ partscollect=new Array() var inc=0 var alltags=document.all? document.all.tags("DIV") : document.getElementsByTagName("*") for (i=0; i<alltags.length; i++){ if (alltags[i].className==classname) partscollect[inc++]=alltags[i] } } function contractall(){ var inc=0 while (partscollect[inc]){ partscollect[inc].style.display="none" inc++ } } function expandone(){ var selectedDivObj=partscollect[selectedDiv] contractall() selectedDivObj.style.display="block" if (document.gallerycontrol) temp.options[selectedDiv].selected=true selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0 if (displaymode=="auto") autocontrolvar=setTimeout("expandone()",tickspeed) } function populatemenu(){ temp=document.gallerycontrol.menu for (m=temp.options.length-1;m>0;m--) temp.options[m]=null for (i=0;i<totalDivs;i++){ var thesubject=partscollect[i].getAttribute("subject") thesubject=(thesubject=="" || thesubject==null)? "HTML Content "+(i+1) : thesubject temp.options[i]=new Option(thesubject,"") } temp.options[0].selected=true } function manualcontrol(menuobj){ if (displaymode=="manual"){ selectedDiv=menuobj expandone() } } function preparemode(themode){ displaymode=themode if (typeof autocontrolvar!="undefined") clearTimeout(autocontrolvar) if (themode=="auto"){ document.gallerycontrol.menu.disabled=true autocontrolvar=setTimeout("expandone()",tickspeed) } else document.gallerycontrol.menu.disabled=false } function startgallery(){ if (document.getElementById("controldiv")) //if it exists document.getElementById("controldiv").style.display="block" getElementbyClass("gallerycontent") totalDivs=partscollect.length if (document.gallerycontrol){ populatemenu() if (document.gallerycontrol.mode){ for (i=0; i<document.gallerycontrol.mode.length; i++){ if (document.gallerycontrol.mode[i].checked) displaymode=document.gallerycontrol.mode[i].value } } } if (displaymode=="auto" && document.gallerycontrol) document.gallerycontrol.menu.disabled=true expandone() } if (window.addEventListener) window.addEventListener("load", startgallery, false) else if (window.attachEvent) window.attachEvent("onload", startgallery) else if (document.getElementById) window.onload=startgallery </script> <div class="gallerycontent" subject="What is JavaScript?"> <h1> <span style="color: black;">Texto vai aqui</span> </h1></div><div class="gallerycontent" subject="Java & JavaScript Differences"> Java is completely different from JavaScript- it's more powerful, more complex, and unfortunately, a lot harder to master. It belongs in the same league as C, C++, and other more complex languages. </div><div class="gallerycontent" subject="What is DHTML?"> DHTML is the embodiment of a combination of technologies- JavaScript, CSS, and HTML. Through them a new level of interactivity is possible for the end user experience. </div><div class="gallerycontroller" id="controldiv" style="display: none;"> <form name="gallerycontrol"> <select class="gallerycontroller" name="menu" onchange="manualcontrol(this.options.selectedIndex)" size="3"> <option>Blank form</option> </select> Auto: <input checked="checked" name="mode" onclick="preparemode('auto')" type="radio" value="auto" /> Manual: <input name="mode" onclick="preparemode('manual')" type="radio" value="manual" /> </form></div><div class="gallerycontent" subject="What is JavaScript?"> 1st content for gallery here </div><div class="gallerycontent" subject="Java & JavaScript Differences"> 2nd content for gallery here </div>