MEMBUAT GALERY INFO

Hallo sobat blogger pemula. (Lho, siapa sih yang pemula ? Sssstttt .... ! Ternyata aku sendiri. Malu aku hik hik hik)
Begini sobat, di bawah ini script untuk membuat galery info, itu lho untuk ngasih info ke semua pengunjung blog kita. Tolong di cek ya kalau ada yang ngawur.
Tapi sebelumnya tolong di klk dulu demo-nya ya.


1. Script di bawah ini untuk ditempatkan di atas ]]></b:skin>

<br /> <style type="text/css"> .gallerycontroller{ width: 200px } .gallerycontent{ width: 200px; height: 200px; border: 1px solid black; background-color: #DFDFFF; padding: 3px; display: block; } </style><br /> <br /> <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=9000 //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>

2. Save

3. Script di bawah ini ditempel di sidebar

<div class="gallerycontent" subject="What is Sluke ?">

Sluke is a sub-district area, 22 kns eastern Rembang,the regencial capital and 222 kms eastern Semarang, the provincial capital.

</div>

<div class="gallerycontent" subject="What is the landmark ?">

The Powerplant is. Along with the others it supplies electricity across "Jambali", Jawa-Madura-Bali islands.

</div>

="" class="gallerycontent" subject="Where is it located ?">

Precisely it lies in both Leran and Trahan villages, but the main building is located in Leran.

</div>

<div class="gallerycontent" subject="What are the the people ?">

Mostly farmers. Some others are fishermen, fishmonger, tile and brick crafters, and many more in small number.

</div>

<!--HTML for gallery control options below. Remove checkboxes or entire outer DIV if desired -->

<div id="controldiv" style="display:none" class="gallerycontroller">

<form name="gallerycontrol">

<select class="gallerycontroller" size="3" name="menu" onchange="manualcontrol(this.options.selectedIndex)">

</select>

Auto: <input type="radio" checked name="mode" value="auto" onclick="preparemode('auto')" /> Manual: <input type="radio" name="mode" value="manual" onclick="preparemode('manual')" />

</form>

</div>

4. Jadi deh.

Catatan : Tulisan warna merah, diganti sesuai kebutuhan.

Good night ! Uaahhh........h