1
nån som kan html lite?
Postat av k3b4b den 11 Juli 2007, 15:55
15 kommentarer · 28 träffar
Tja har hittat en hemsida med ett skysst gallery script. Men får inte S**ten att funka. Undrar om nån kan prova o få igång det :D
Scriptet hittade jag på http://www.huntingground.frees erve.co.uk/imagery/imgnav.htm -> Gallery 4
Image Gallery 4
// ["thumb","bigpic","alt text"]
gallery0=[
['pic01_tn.jpg', 039;pic01.jpg''Alt Text','Each galleries thumbnails are dynamically generated'],
['pic02_tn.jpg', 039;pic02.jpg''Alt Text','This text box is also dynamically created to show any text that goes with the image'],
['pic03_tn.jpg', 039;pic03.jpg''Alt Text','A default style can be set for this text box and its contents'],
['pic04_tn.jpg', 039;pic04.jpg''Alt Text','You can also over-ride the default style and create individual text box styles','textstyle2& #039;],
['pic05_tn.jpg', 039;pic05.jpg''Alt Text','The larger image is shown in a centered div'],
['pic06_tn.jpg', 039;pic06.jpg''Alt Text','You can show the larger images in a different size to its default size','textstyle3 39;],
['pic07_tn.jpg', 039;pic07.jpg''Alt Text','You can show just an image, see next image'],
['pic08_tn.jpg', 039;pic08.jpg','Alt Text'],
['pic09_tn.jpg', 039;pic09.jpg''Alt Text','The thumbnails, the larger image, the text, and your style type are all coded into an array'],
['pic10_tn.jpg', 039;pic10.jpg','Imag e 10','Alt Text'],
['pic11_tn.jpg', 039;pic11.jpg','Imag e 11','Alt Text'],
['pic12_tn.jpg', 039;pic12.jpg','Imag e 12','Alt Text']
]
gallery1=[
['gallery1thumb1.jpg 39;,'gallery1bigpic1.jpg& #039;,'Alt Text'],
['gallery1thumb2.jpg 39;,'gallery1bigpic2.jpg& #039;,'Alt Text'],
['gallery1thumb3.jpg 39;,'gallery1bigpic3.jpg& #039;,'Alt Text'],
['gallery1thumb4.jpg 39;,'gallery1bigpic4.jpg& #039;,'Alt Text']
]
gallery2=[
['gallery2thumb1.jpg 39;,'gallery2bigpic1.jpg& #039;,'Alt Text'],
['gallery2thumb2.jpg 39;,'gallery2bigpic2.jpg& #039;,'Alt Text'],
['gallery2thumb3.jpg 39;,'gallery2bigpic3.jpg& #039;,'Alt Text'],
['gallery2thumb4.jpg 39;,'gallery2bigpic4.jpg& #039;,'Alt Text']
]
gallery3=[
['gallery3thumb1.jpg 39;,'gallery3bigpic1.jpg& #039;,'Alt Text'],
['gallery3thumb2.jpg 39;,'gallery3bigpic2.jpg& #039;,'Alt Text'],
['gallery3thumb3.jpg 39;,'gallery3bigpic3.jpg& #039;,'Alt Text'],
['gallery3thumb4.jpg 39;,'gallery3bigpic4.jpg& #039;,'Alt Text']
]
galleryListRows=3 // gallery list
galleryRows=3 // galleries
centerImage=1 // 0 = no, 1 = yes
imageSize=100 // % size the large image is shown at
displayBorderWidth=8
displayBorderColor="#FFFFFF"
offsetX=0
offsetY=0
function showGalleryList(n){ // create list of galleries by showing the first thumbnail in each gallery
thumbHolder=document.getElem entById("thumbholder")
thumbHolder.innerHTML=""
count=0
while(window["gallery"+count ]){
newImage=document.createElem ent("IMG")
newImage.setAttribute("id"," thumb"+count)
newImage.setAttribute("src", window["gallery"+count][0][0])
newImage.setAttribute("alt", "View Gallery "+(count+1))
newImage.setAttribute("title ","View Gallery "+(count+1))
newImage.setAttribute((docum ent.getElementById&&!document. all?"class":"className"),"bord erout")
newImage.style.width="45px"
newImage.style.height="60px"
newImage.style.marginRight=" 5px"
newImage.style.marginBottom= "5px"
newImage.indexNum=count
newImage.onclick=function(){
showSelectedGallery(this.ind exNum)
}
newImage.onmouseover=functio n(){
this.className='bordero ver'
}
newImage.onmouseout=function (){
this.className='bordero ut'
}
if(count!=0&&count%galleryLi stRows==0){
newBreak=document.createElem ent("BR")
document.getElementById("thu mbholder").appendChild(newBrea k)
}
document.getElementById("thu mbholder").appendChild(newImag e)
count++
}
document.getElementById("hea der").innerHTML="Galleries"
document.getElementById("vie wgalleries").innerHTML=" "
}
function showSelectedGallery(n){ // create selected gallery thumbnails
document.getElementById("hea der").innerHTML="Gallery "+(n+1)
document.getElementById("vie wgalleries").innerHTML="Back To Galleries"
thumbHolder=document.getElem entById("thumbholder")
thumbHolder.innerHTML=""
count=0
while(window["gallery"+n][co unt]){
newImage=document.createElem ent("IMG")
newImage.setAttribute("id"," thumb"+count)
newImage.setAttribute("src", window["gallery"+n][count][0])
newImage.setAttribute((docum ent.getElementById&&!document. all?"class":"className"),"bord erout")
newImage.style.width="45px"
newImage.style.height="60px"
newImage.style.marginRight=" 5px"
newImage.style.marginBottom= "5px"
newImage.indexNum=count
newImage.onclick=function(){
showPic(n,this.indexNum)
}
newImage.onmouseover=functio n(){
this.className='bordero ver'
}
newImage.onmouseout=function (){
this.className='bordero ut'
}
if(count!=0&&count%galleryRo ws==0){
newBreak=document.createElem ent("BR")
document.getElementById("thu mbholder").appendChild(newBrea k)
}
document.getElementById("thu mbholder").appendChild(newImag e)
count++
}
preload=new Array()
for(var i=0;i
Scriptet hittade jag på http://www.huntingground.frees erve.co.uk/imagery/imgnav.htm -> Gallery 4
Image Gallery 4
// ["thumb","bigpic","alt text"]
gallery0=[
['pic01_tn.jpg', 039;pic01.jpg''Alt Text','Each galleries thumbnails are dynamically generated'],
['pic02_tn.jpg', 039;pic02.jpg''Alt Text','This text box is also dynamically created to show any text that goes with the image'],
['pic03_tn.jpg', 039;pic03.jpg''Alt Text','A default style can be set for this text box and its contents'],
['pic04_tn.jpg', 039;pic04.jpg''Alt Text','You can also over-ride the default style and create individual text box styles','textstyle2& #039;],
['pic05_tn.jpg', 039;pic05.jpg''Alt Text','The larger image is shown in a centered div'],
['pic06_tn.jpg', 039;pic06.jpg''Alt Text','You can show the larger images in a different size to its default size','textstyle3 39;],
['pic07_tn.jpg', 039;pic07.jpg''Alt Text','You can show just an image, see next image'],
['pic08_tn.jpg', 039;pic08.jpg','Alt Text'],
['pic09_tn.jpg', 039;pic09.jpg''Alt Text','The thumbnails, the larger image, the text, and your style type are all coded into an array'],
['pic10_tn.jpg', 039;pic10.jpg','Imag e 10','Alt Text'],
['pic11_tn.jpg', 039;pic11.jpg','Imag e 11','Alt Text'],
['pic12_tn.jpg', 039;pic12.jpg','Imag e 12','Alt Text']
]
gallery1=[
['gallery1thumb1.jpg 39;,'gallery1bigpic1.jpg& #039;,'Alt Text'],
['gallery1thumb2.jpg 39;,'gallery1bigpic2.jpg& #039;,'Alt Text'],
['gallery1thumb3.jpg 39;,'gallery1bigpic3.jpg& #039;,'Alt Text'],
['gallery1thumb4.jpg 39;,'gallery1bigpic4.jpg& #039;,'Alt Text']
]
gallery2=[
['gallery2thumb1.jpg 39;,'gallery2bigpic1.jpg& #039;,'Alt Text'],
['gallery2thumb2.jpg 39;,'gallery2bigpic2.jpg& #039;,'Alt Text'],
['gallery2thumb3.jpg 39;,'gallery2bigpic3.jpg& #039;,'Alt Text'],
['gallery2thumb4.jpg 39;,'gallery2bigpic4.jpg& #039;,'Alt Text']
]
gallery3=[
['gallery3thumb1.jpg 39;,'gallery3bigpic1.jpg& #039;,'Alt Text'],
['gallery3thumb2.jpg 39;,'gallery3bigpic2.jpg& #039;,'Alt Text'],
['gallery3thumb3.jpg 39;,'gallery3bigpic3.jpg& #039;,'Alt Text'],
['gallery3thumb4.jpg 39;,'gallery3bigpic4.jpg& #039;,'Alt Text']
]
galleryListRows=3 // gallery list
galleryRows=3 // galleries
centerImage=1 // 0 = no, 1 = yes
imageSize=100 // % size the large image is shown at
displayBorderWidth=8
displayBorderColor="#FFFFFF"
offsetX=0
offsetY=0
function showGalleryList(n){ // create list of galleries by showing the first thumbnail in each gallery
thumbHolder=document.getElem entById("thumbholder")
thumbHolder.innerHTML=""
count=0
while(window["gallery"+count ]){
newImage=document.createElem ent("IMG")
newImage.setAttribute("id"," thumb"+count)
newImage.setAttribute("src", window["gallery"+count][0][0])
newImage.setAttribute("alt", "View Gallery "+(count+1))
newImage.setAttribute("title ","View Gallery "+(count+1))
newImage.setAttribute((docum ent.getElementById&&!document. all?"class":"className"),"bord erout")
newImage.style.width="45px"
newImage.style.height="60px"
newImage.style.marginRight=" 5px"
newImage.style.marginBottom= "5px"
newImage.indexNum=count
newImage.onclick=function(){
showSelectedGallery(this.ind exNum)
}
newImage.onmouseover=functio n(){
this.className='bordero ver'
}
newImage.onmouseout=function (){
this.className='bordero ut'
}
if(count!=0&&count%galleryLi stRows==0){
newBreak=document.createElem ent("BR")
document.getElementById("thu mbholder").appendChild(newBrea k)
}
document.getElementById("thu mbholder").appendChild(newImag e)
count++
}
document.getElementById("hea der").innerHTML="Galleries"
document.getElementById("vie wgalleries").innerHTML=" "
}
function showSelectedGallery(n){ // create selected gallery thumbnails
document.getElementById("hea der").innerHTML="Gallery "+(n+1)
document.getElementById("vie wgalleries").innerHTML="Back To Galleries"
thumbHolder=document.getElem entById("thumbholder")
thumbHolder.innerHTML=""
count=0
while(window["gallery"+n][co unt]){
newImage=document.createElem ent("IMG")
newImage.setAttribute("id"," thumb"+count)
newImage.setAttribute("src", window["gallery"+n][count][0])
newImage.setAttribute((docum ent.getElementById&&!document. all?"class":"className"),"bord erout")
newImage.style.width="45px"
newImage.style.height="60px"
newImage.style.marginRight=" 5px"
newImage.style.marginBottom= "5px"
newImage.indexNum=count
newImage.onclick=function(){
showPic(n,this.indexNum)
}
newImage.onmouseover=functio n(){
this.className='bordero ver'
}
newImage.onmouseout=function (){
this.className='bordero ut'
}
if(count!=0&&count%galleryRo ws==0){
newBreak=document.createElem ent("BR")
document.getElementById("thu mbholder").appendChild(newBrea k)
}
document.getElementById("thu mbholder").appendChild(newImag e)
count++
}
preload=new Array()
for(var i=0;i






