подробнее слайдшоу
есть слайдшоу надо чтоб при нажатии на изображение, вылезало сообщение типа window.alert("что изображено на изображении") у меня не получается вот код самого слайдшоу без ссылок:
<html> <head><title></title> <script type="text/javascript"> var interval=2 // var img, n=0 var imgsrc=['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg','6.jpg', '7.jpg', '8.jpg', '9.jpg', '10.jpg'] function start(){ setInterval(show, interval*1000) } function show(){ if(!img)img=document.getElementById('slideshow'); img.src=imgsrc[n++]; if(n>=imgsrc.length) n=0; } </script> </head> <body onload='start()'> <img alt="" id=slideshow src="1.jpg" width=100% height=100%> </body> </html> |
disgraceful, кроме src изображения устанавливайте ему alt и
img.onclick = function() { alert(this.alt); };
или сразу в alert() закидывайте нужный текст |
немнгого не полностью описал задачу, надо чтобы у каждого изображения был отдельный текст
|
disgraceful, ну это было понятно...
<html>
<head><title></title>
<script type="text/javascript">
var interval=2 //
var img, n=0
var imgsrc=[{'src': '1.jpg', 'alt':'alt1'}, {'src': '2.jpg', 'alt': 'alt2'}]; // остальные по аналогии
//'3.jpg','4.jpg','5.jpg','6.jpg', '7.jpg', '8.jpg', '9.jpg', '10.jpg'];
function start(){
setInterval(show, interval*1000)
}
function show(){
if(!img)img=document.getElementById('slideshow');
n++; if(n>=imgsrc.length) n=0;
img.src=imgsrc[n]["src"];
img.alt=imgsrc[n]["alt"];
}
</script>
</head>
<body onload='start()'>
<img alt="" id=slideshow src="1.jpg" width=100% height=100% onClick="alert(this.alt)">
</body>
</html>
|
огромное спасибо все работает=)
|
вопрос не по теме, но касающийся js можно ли содержимое между парным тегом сохранить в какую либо глобальную переменную, если да. то можно ссылку на русский мануал?
|
Цитата:
<body> <div>текст между парным тегом</div> <script> div = document.body.children[0].innerHTML; // innerTEXT alert(div); </script> </body> |
Цитата:
|
за ссылку спасибо
|
Цитата:
в функции объявить глобальную можно так
function func() {
window.div = document.getElementById("div").innerHTML;
}
|
| Часовой пояс GMT +3, время: 11:58. |