|
1.1 Мб |
|
| Вообщем есть такой код, его задание показывать слайдшоу, отдельные слайды это отдельные картинки. На странице их будет 10 штук. Все нормально, только не могу повесить событие на <a href="#2" name="pr2" onclick="preload_pr2()"
по идее кликая на ссылку должна запустится презентация вторая, а запускается первая.
Подскажите где проблема.
Спасибо
<html>
<head>
<title></title>
<script type="text/javascript" src="jq.js"></script>
<script type="text/javascript">
//////////////////////////////////////////////////////////////////////////////////
//// Very Simple Slide Show Page
//////////////////////////////////////////////////////////////////////////////////
//// !!!!!!!!! CHANGE HERE !!!!!!! (c)2010, by Stealth copyright.
//////////////////////////////////////////////////////////////////////////////////
var min=1;///begin number photo
var max=17;//end number photo
var delay=3000; //delay ms
var AutoPlay=1; //autoplay after loading: 1-on, 0-off
var imgPATH='2/'; //path to img's with slash in last char!!! ('/')
var imgNAME='image'; //image1.jpg, image2.jpg ........... image30.jpg
var imgEXT='.jpg';
var min_pr2=1;///begin number photo
var max_pr2=5;//end number photo
var delay_pr2=5000; //delay ms
var AutoPlay0; //autoplay after loading: 1-on, 0-off
var imgPATH_pr2='1/'; //path to img's with slash in last char!!! ('/')
var imgNAME_pr2='image'; //image1.jpg, image2.jpg ........... image30.jpg
var imgEXT_pr2='.jpg';
//////////////////////////////////////////////////////////////////////////////////
var i=min;
var pause=1;
var timer;
function play(){
pause=-pause;
if (pause<0) {timer=setInterval(next,delay);document.getElementById('b1').innerHTML = ' || ';}
else {clearTimeout(timer);document.getElementById('b1').innerHTML =' > ';}
}
function next(){
document.img1.src=imgPATH+imgNAME+(i=(i==max?1:i+1))+imgEXT;
document.getElementById('imgnum').innerHTML = i+' з '+max;
}
function prev() {
document.img1.src=imgPATH+imgNAME+(i=(i==min?max:i-1))+imgEXT;
document.getElementById('imgnum').innerHTML = i+' з '+max;
}
function preload() {
document.img1.src=imgPATH+imgNAME+min+imgEXT;
document.getElementById('imgnum').innerHTML = i+' з '+max;
if (AutoPlay==1) play();
jQuery(document).bind('keydown', 'left',function (evt){prev();return false; });
jQuery(document).bind('keydown', 'right',function (evt){next();return false; });
jQuery(document).bind('keydown', 'up',function (evt){play();return false; });
jQuery(document).bind('keydown', 'down',function (evt){play();return false; });
jQuery(document).bind('keydown', 'space',function (evt){play();return false; });
}
/////////////////////////////////////////////////////
var i=min_pr2;
var pause=1;
var timer;
function play2(){
pause=-pause;
if (pause<0) {timer=setInterval(next,delay);document.getElementById('b2').innerHTML = ' || ';}
else {clearTimeout(timer);document.getElementById('b2').innerHTML =' > ';}
}
function next2(){
document.img2.src=imgPATH_pr2+imgNAME_pr2+(i=(i==max_pr2?1:i+1))+imgEXT_pr2;
document.getElementById('imgnum2').innerHTML = i+' з '+max_pr2;
}
function prev2() {
document.img2.src=imgPATH_pr2+imgNAME_pr2+(i=(i==min_pr2?max_pr2:i-1))+imgEXT_pr2;
document.getElementById('imgnum2').innerHTML = i+' з '+max_pr2;
}
function preload_pr2() {
document.img2.src=imgPATH_pr2+imgNAME_pr2+min_pr2+imgEXT_pr2;
document.getElementById('imgnum2').innerHTML = i+' з '+max_pr2;
if (AutoPlay==1) play2();
jQuery(document).bind('keydown', 'left',function (evt){prev2();return false; });
jQuery(document).bind('keydown', 'right',function (evt){next2();return false; });
jQuery(document).bind('keydown', 'up',function (evt){play2();return false; });
jQuery(document).bind('keydown', 'down',function (evt){play2();return false; });
jQuery(document).bind('keydown', 'space',function (evt){play2();return false; });
}
</script>
</head>
<body>
<center>
<a href="#" onclick="preload()"><img id="img1" name="img1" src="2/image1.jpg"><br></a>
<br />
<button onclick="prev()"> < </button>
<button id="b1" name="b1" onclick="play()"> || </button>
<button onclick="next()"> > </button>
<br /><br />
<div id="imgnum" name="imgnum"></div><!-- Блок з номерами слайдів --></center>
<br><br><br>
<center>
<a name="2"></a>
<a href="#2" name="pr2" onclick="preload_pr2()"><img id="img2" name="img2" src="1/image1.jpg"><br></a>
<br />
<button onclick="prev2()"> < </button>
<button id="b2" name="b2" onclick="play2()"> || </button>
<button onclick="next2()"> > </button>
<br /><br />
<div id="imgnum2" name="imgnum2"></div><!-- Блок з номерами слайдів --></center>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: bibika
(11.07.2013 в 13:50)
| | Что-то много лишнего. Нужно предварительно загрузить все эти изображения, а по индексу набора элементов, по которым производится запуск слайда (только не такой ужас как <a href="#2"..., щелкнуть можно по чему угодно) брать из массива загруженных изображений нужное. | |
|
|
|