- advancedgalery

advancedgalery

Merhaba güzel bir galeri ile karşınızdayız. Aşağıda örneği bulunan galeriyi yapmak çok kolay. İster galeri olarak kullanın isterseniz çeşitli yazılar yazarak uygulayın. Galeriyi manual olarakta kullanmak mümkün. Bu galeriye sahip olmak için şu kodu kopyalayın:

/***********************************************
* 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 subject="DENEME 1" class="gallerycontent">YAZI BURAYA YAZILACAK 11111 <img alt="" src="https://img.webme.com/pic/b/bilgi-world/bwlogo.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-world/bwlogo.png" /></div> <div subject="DENEME 2" class="gallerycontent">YAZI BURAYA YAZILACAK 22222 <img alt="" src="https://img.webme.com/pic/b/bilgi-world/powerpoint.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-world/powerpoint.png" /></div> <div subject="DENEME 3" class="gallerycontent">YAZI BURAYA YAZILACAK 333333 <img alt="" src="https://img.webme.com/pic/b/bilgi-world/back.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-world/back.png" /></div>  <div class="gallerycontroller" style="display: none;" id="controldiv"> <form name="gallerycontrol">     <select onChange_fckprotectedatt=" onChange="manualcontrol(this.options.selectedIndex)"" name="menu" size="3" class="gallerycontroller">     <option>Blank form</option>     </select><br />     Auto: <input type="radio" onClick_fckprotectedatt=" onClick="preparemode('auto')"" value="auto" name="mode" checked="" /> Manual: <input type="radio" onClick_fckprotectedatt=" onClick="preparemode('manual')"" value="manual" name="mode" /> </form> </div>

Kodun alt kısmında bulunan yerleri istediğiniz gibi düzenleyebilirsiniz. Ayrıca 3 tane olan galeriyi çoğaltmak için:

<div subject="DENEME 1" class="gallerycontent">YAZI BURAYA YAZILACAK 11111 <img alt="" src="https://img.webme.com/pic/b/bilgi-world/bwlogo.png" /></div>

kodunu kopyalayıp çoğaltın.

YAZI BURAYA YAZILACAK 11111

YAZI BURAYA YAZILACAK 22222

YAZI BURAYA YAZILACAK 333333

BILGI-WORLD

WEB TASARIM

DİĞER

advancedgalery

bilgi-world