/***********************************************
* PHP Photo Album script- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
var dimension=“999x1” //Specify dimension of gallery (number of images shown), such as 4x2, 3x1 etc
var imagepath=”<?php bloginfo(‘template_directory’); ?>/gallery/” //Absolute path to image directory. Include trailing slash (/)
var href_target=”” //Enter target attribute of links, if applicable
//Toggle popup link setting: popupsetting[0 or 1, “pop up window attributes” (if 1)]
var popupsetting=[1, “width=800px, height=800px”]
//Toggle image description: descriptionprefix[0 or 1, “Text to show” (if 1)]
var descriptionprefix=[0, “Foto “]
//Sort images by date? (“asc”, “desc”, or “”)
//“desc” for example causes the newest images to show up first in the gallery
//”” disables this feature, so images are sorted by file name (default)
var gsortorder=“desc”
//By default, each image hyperlinks to itself.
//However, if you wish them to link to larger versions of themselves
//Specify the directory in which the larger images are located
//The file names of these large images should mirror those of the original
//Enter a blank string (”“) to disable this option
var targetlinkdir=”“
/////No need to edit beyond here///////////////////
function sortbydate(a, b){ //Sort images function
if (gsortorder==“asc”) //sort by file date: older to newer
return new Date(a[1])-new Date(b[1])
else if (gsortorder==“desc”) //sort by file date: newer to older
return new Date(b[1])-new Date(a[1])
}
if (gsortorder==“asc” || gsortorder==“desc”)
galleryarray.sort(sortbydate)
var totalslots=dimension.split(“x”)[0]*dimension.split(“x”)[1]
function buildimage(i){
var imagecompletepath=(targetlinkdir!=”“)? targetlinkdir+galleryarray[0] : imagepath+galleryarray[0]
var tempcontainer=’<a href=”’+imagecompletepath+’” target=”’+href_target+’” onClick=“return popuplinkfunc(this)”>’
tempcontainer+=’‘+imagepath+galleryarray[0]+’
tempcontainer+=’</a>
‘
tempcontainer+=(descriptionprefix[0]==1)? descriptionprefix[1]+(i+1) : “”
return tempcontainer
}
function jumptopage(p){
var startpoint=(p-1)*totalslots
var y=1;
for (i=0; i<totalslots; i++){
document.getElementById("slide"+i)[removed]=(typeof galleryarray[startpoint+i]!="undefined")? buildimage(startpoint+i) : ""
}
while(document.getElementById(“navlink”+y)!=null){
document.getElementById("navlink"+y).className=""
y++
}
document.getElementById(“navlink”+p).className=“current”
}
var curimage=0
for (y=0; y<dimension.split(“x”)[1]; y++){
for (x=0; x<dimension.split(“x”)[0]; x++){
if (curimage<galleryarray.length)
[removed](’<li>’+buildimage(curimage)+’</li>’)
curimage++
}
[removed](’<br left” >’)
}
function popuplinkfunc(imgsrc){
if (popupsetting[0]==1){
var popwin=open(imgsrc.href, “popwin”, popupsetting[1])
popwin.focus()
return false
}
else
return true
}
$(document).ready(function(){
$(’.gallery_demo_unstyled’).addClass(‘gallery_demo’); // adds new class name to maintain degradability
$(‘ul.gallery_demo’).galleria({
history : true, // activates the history object for bookmarking, back-button etc.
clickNext : true, // helper for making the image clickable
insert : ‘#main_image’, // the containing selector for our main image
onImage : function(image,caption,thumb) { // let’s add some image effects for demonstration purposes
// fade in the image & caption
image.css(‘display’,‘none’).fadeIn(1000);
caption.css(‘display’,‘none’).fadeIn(1000);
// fetch the thumbnail container
var _li = thumb.parents(‘li’);
// fade out inactive thumbnail
_li.siblings().children(‘img.selected’).fadeTo(500,0.3);
// fade in active thumbnail
thumb.fadeTo(‘fast’,1).addClass(‘selected’);
// add a title for the clickable image
image.attr(‘title’,‘Next image >>’);
},
onThumb : function(thumb) { // thumbnail effects goes here
// fetch the thumbnail container
var _li = thumb.parents(‘li’);
// if thumbnail is active, fade all the way.
var _fadeTo = _li.is(’.active’) ? ‘1’ : ‘0.3’;
// fade in the thumbnail when finnished loading
thumb.css({display:‘none’,opacity:_fadeTo}).fadeIn(1500);
// hover effects
thumb.hover(
function() { thumb.fadeTo(‘fast’,1); },
function() { _li.not(’.active’).children(‘img’).fadeTo(‘fast’,0.3); } // don’t fade out if the parent is active
)
}
});
});
</ul>
<!—Below HTML code refers to the navigational links for the gallery—>
<div id=“navlinks”>
for (i=1; i<Math.ceil(galleryarray.length/totalslots)+1; i++)
document.getElementById(“navlink1”).className=“current”
Ik ZOU da is kunnen doen maar heb er momenteel te weinig tijd voor… sorry
