יצירת תמונות מתחלפות ב javascript בתבנית wordpress
העלה תמונות לתקייה images בתבנית שלך
פתח קובץ header.php והכנס את הקוד הבא בין <head> ל </head>
<script language="JavaScript1.1">
<!--
/*
JavaScript Image slideshow:
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScript here!
*/
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
לאחר מכן הכנס את הקוד הבא בתבנית page.php או תבנית אחרת
<a href="<?php bloginfo('url'); ?>"><img src="wp-content/themes/twentyten/images/slideshows/1.jpg" name="slide" border="0" width="501" height="162" ></a>
<script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("wp-content/themes/twentyten/images/slideshows/1.jpg","wp-content/themes/twentyten/images/slideshows/2.jpg","wp-content/themes/twentyten/images/slideshows/3.jpg","wp-content/themes/twentyten/images/slideshows/4.jpg","wp-content/themes/twentyten/images/slideshows/5.jpg","wp-content/themes/twentyten/images/slideshows/6.jpg","wp-content/themes/twentyten/images/slideshows/7.jpg","wp-content/themes/twentyten/images/slideshows/8.jpg")
slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view?id=20010")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=5000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
בהצלחה חלב ודבש בניית אתרים
לסיוע ניתן לשלוח תגובה למטה