<script type="text/javascript">
/*נכתב ע"י אלמוג צמלמן, almog@freetopsite.co.il, סקריפט זה הוא חינמי וניתן להשתמש בו.
הסברים כתובים ליד כל שורה שצריכה הסברים;)
את חלק זה אפשר לשים או ב head או ב body של העמוד.
יש לשמור את התמונות בתקיה של אותה גלריה, לכל גלריה יש לפתוח תקיה משלה ואת עמוד זה יש לשים מחוץ לתקיה של התמונות.
השם של התמונות הוא שם התקיה ומספר, יש למספר בסדר עולה.
הכתובת שיש לתת לכל גלריה היא:
כתובת העמוד?imgONgallery=מספר התמונות בגלריה&type=gallery&name=שם הגלריה, שם התקיה של אותה גלריה&page=1&title=כותרת העמוד, ררק באנגלית!
אין לשנות את סדר המשתנים בכתובת, תמיד יש להתחיל את page עם 1, זאת אומרת page=1
בגלל שסקריפט זה מתאים למספר גלריות לא מוגבל אז בקישור של כל גלריה יש לכתוב כמה תמונות יש באותה תקיה של הגלריה, יש לכתוב את זה אחרי השווה של imgONgallery*/
var URL,afterURL,type,libary,page,maxPage,backPage,overTo,i,pic,IMGonPage,imgONgallery,takePIC,LineDown,Rpage,id,imgONgallery2,title,forwardIMG,backIMG;
URL=document.URL;
afterURL=URL.split("?")[1];
type=afterURL.split("&")[1].split("=")[1];
libary=afterURL.split("&")[2].split("=")[1];
page=afterURL.split("&")[3].split("=")[1];
title=afterURL.split("&")[4].split("=")[1];//הכותרת יכול להיות רק באנגלית!
imgONgallery=afterURL.split("&")[0].split("=")[1];//כאשר מקשרים רק לגלריה אחת ניתן למחוק שורה זאת ובמקומה לכתוב:
/*
imgONgallery=מספר התמונות בגלריה
*/
//ואז בכתובת לכתוב ש imgONgallery=NULL
imgONgallery--;
IMGonPage=12;//מספר תמונות בעמוד
LineDown=4;//מספר תמונות בשורה
maxPage=Math.round(imgONgallery/IMGonPage);
if(maxPage*IMGonPage<imgONgallery)maxPage++;
if(page=="undefined")page=1;
//הצגת התמונה
function ViewPic(){
Rpage=page.split(",")[1];
id=page.split(",")[0];
imgONgallery2=imgONgallery;
imgONgallery2++;
document.title="מציג תמונה מספר "+id+" בגלרית "+libary+""
document.write('<a href="?imgONgallery='+imgONgallery2+'&type=gallery&name='+libary+'&page='+Rpage+'&title='+title+'">חזרה לגלריה</a>');
document.write('<div style="font-size:16px;font-weight:bold;text-align:center;">'+title+'</div>');//עיצוב כותבת העמוד בעמוד הצגת התמונה. שנה את מאפיין STYLR לשינוי עיצוב.
document.write('<div style="text-align:center;margin-left:auto;margin-right:auto;border:1px solid black;background-color:green;width:70%;">');
document.write('<div style="text-align:center;"><img src="'+libary+'/'+libary+''+id+'.gif" style="border:1px solid black" alt="מציג תמונה '+id+'" /></div>');//אם התמונות בגלריה הן מסוג jpg שנה את ה.gif ל .jpg
document.write("</div>");
document.write('<div style="width:70%;margin-right:auto;margin-left:auto;">');
if(id>1){
backIMG=id;backIMG--;
document.write('<span style="float:left;"><a href="?imgONgallery='+imgONgallery2+'&type=view&name='+libary+'&id='+backIMG+','+Rpage+'&title='+title+'"><img src="'+libary+'/'+libary+''+backIMG+'.gif" style="height:100px;width:100px;border:1px solid black;" alt="'+libary+''+backIMG+'" /></a></span>');
}
if(id<imgONgallery){
forwardIMG=id;forwardIMG++;
document.write('<span style="float:right;"><a href="?imgONgallery='+imgONgallery2+'&type=view&name='+libary+'&id='+forwardIMG+','+Rpage+'&title='+title+'"><img src="'+libary+'/'+libary+''+forwardIMG+'.gif" style="height:100px;width:100px;border:1px solid black;" alt="'+libary+''+forwardIMG+'" /></a></span>');
}
document.write("</div>");
}
//הצגת התמונות מסודרות לפי מספר ומספר עמודים
function ViewGallery(){
document.title="מציג גלריה "+libary+""
imgONgallery2=imgONgallery;
imgONgallery2++;
document.write('<div style="text-align:center;margin-left:auto;margin-right:auto;border:1px solid black;background-color:lightgreen;height:20px;width:70%;">');//שנה את הגדרות DIV זה לשינוי עיצוב השורה של העמודים.
if(page>1){
backPage=page-1;
document.write('<a href="?imgONgallery='+imgONgallery2+'&type='+type+'&name='+libary+'&page='+backPage+'&title='+title+'"><<</a> ');
}
for(i=1;i<=maxPage;i++){
if(page==i)
document.write('<span style="color:black;">'+i+'</span> ');//העמוד המוצג כעת. ניתן לשנות עיצוב הגדרה זאת.
else
document.write('<a href="?imgONgallery='+imgONgallery2+'&type='+type+'&name='+libary+'&page='+i+'&title='+title+'">'+i+'</a> ');
}
if(page<maxPage){
overTo=page;overTo++;
document.write(' <a href="?imgONgallery='+imgONgallery2+'&type='+type+'&name='+libary+'&page='+overTo+'&title='+title+'">>></a>');
}
document.write("</div>");
document.write('<div style="font-size:16px;font-weight:bold;text-align:center;">'+title+'</div>');//עיצוב הכותרת של העמוד
document.write('<div style="text-align:center;margin-left:auto;margin-right:auto;border:1px solid black;background-color:green;width:70%;">');//עיצוב המסגרת של התמונות, בתוך זה יש את כל התמונות
for(pic=((page-1)*IMGonPage);pic<(((page-1)*IMGonPage)+IMGonPage)&&pic<imgONgallery+1;pic++){
takePIC=pic;takePIC++;
if(pic%LineDown==0)
document.write('<br /><br /><a href="?imgONgallery='+imgONgallery2+'&type=view&name='+libary+'&id='+takePIC+','+page+'&title='+title+'"><img src="'+libary+'/'+takePIC+'.gif" style="height:100px;width:100px;border:1px solid black;" alt="'+libary+''+takePIC+'" /></a> ');//ניתן לשנות את רוחב ואורך התמונה המוקטנת שתוצג
else
document.write('<a href="?imgONgallery='+imgONgallery2+'&type=view&name='+libary+'&id='+takePIC+','+page+'&title='+title+'"><img src="'+libary+'/'+takePIC+'.gif" style="height:100px;width:100px;border:1px solid black;" alt="'+libary+''+takePIC+'" /></a> ');//אותו דבר כמו שכתוב שני שורות מעל
}
document.write("</div>");
}
</script>
