26.12.2011, 13:17
|
|
Интересующийся
|
|
Регистрация: 13.10.2011
Сообщений: 24
|
|
|
Т.е.???
|
|
26.12.2011, 13:18
|
|
Интересующийся
|
|
Регистрация: 13.10.2011
Сообщений: 24
|
|
GuardCat, B@rmaley.e><e - огромное спасибо ...  )))))))))) Догнал!!! ))) |
|
26.12.2011, 13:21
|
 |
Просто любитель
|
|
Регистрация: 13.09.2011
Сообщений: 300
|
|
bogong, вам B@rmaley.e><e уже прозрачно намекнул. Давайте я вам намекну прозрачнее и кодом:
Ваш вариант
function previousImage(){
var obj=document.getElementById("img");
counter--;
if(counter<0){
counter=imageListLength; // Ага. А картинку мы менять не будем в этот раз.
}
else{
obj.src="../js/images/"+imageName[counter]+".png"; // Вот тут вы меняете картинку
}
}
Другой вариант
function previousImage(){
var obj=document.getElementById("img");
counter--;
if(counter<0){
counter=imageListLength;
}
obj.src="../js/images/"+imageName[counter]+".png"; // Теперь картинка меняется по-любому
}
|
|
26.12.2011, 13:54
|
|
Интересующийся
|
|
Регистрация: 13.10.2011
Сообщений: 24
|
|
B@rmaley.e><e , GuardCat - огромное спасибо ..., разобрался ... ))
Воюю дальше с кодом )) Усложняю скрипт ... )) Простите за глупые вопросы ..., новичок я в этом деле ...
Последний раз редактировалось bogong, 26.12.2011 в 13:56.
|
|
26.12.2011, 16:01
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,105
|
|
Немного скомпоновал или вариант три в одном ... 
<img src="" id="img"/>
<br />
<a href="" onclick="Image(0); return false">Назад</a>
<a href="" onclick="Image(1); return false">Вперед</a>
<script>
var Image = function () {
var b = "mad.gif,sad.gif,dance3.gif,cray.gif,write.gif".split(","),
a = 1,
c = b.length,
d = document.getElementById("img");
return function (e) {
e ? a++ : a--;
a %= c;
0 > a && (a += c);
d.src = "http://javascript.ru/forum/images/smilies/" + b[a];
}
}();
window.onload=Image(0);
</script>
|
|
27.12.2011, 09:52
|
|
Просто любитель
|
|
Регистрация: 13.09.2011
Сообщений: 300
|
|
|
рони, действительно здорово. Только один момент: если функция вызывается немедленно, её принято заключать в скобки. А так интрига — смотришь код, смотришь — ОП! Вызов =)
P.S. Но без скобок красивее (=.
Последний раз редактировалось GuardCat, 27.12.2011 в 10:08.
|
|
27.12.2011, 15:41
|
 |
junior
|
|
Регистрация: 29.11.2011
Сообщений: 3,924
|
|
рони, прошу прощения, немного попаразитировал на Вашем коде)
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body { margin:15px; }
</style>
<script type="text/javascript">
var imgChanger = (function() {
var x = [["mad.gif", "sad.gif", "dance3.gif", "cray.gif", "write.gif"], [0]];
return function(i) {
switch(x[1][0] += i) {
case -1: x[1][0] = x[0].length - 1;
break;
case x[0].length: x[1][0] = 0;
}
document.getElementById("img").src = "http://javascript.ru/forum/images/smilies/" + x[0][x[1][0]];
}
})();
window.onload = function() { imgChanger(0); };
</script>
</head>
<body>
<img src="" id="img"/>
<br/>
<a href="" onclick="imgChanger(-1);">Назад</a>
<a href="" onclick="imgChanger(+1);">Вперед</a>
</body>
</html>
p.s.: чуть накосячи, позже исправлю)
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Последний раз редактировалось nerv_, 27.12.2011 в 15:43.
|
|
27.12.2011, 16:02
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,105
|
|
|
nerv_,
и где return false?
|
|
27.12.2011, 16:45
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,105
|
|
Ещё вариант ...
<img src="" id="img"/>
<br />
<a href="" onclick="Image(0); return false">Назад</a>
<a href="" onclick="Image(1); return false">Вперед</a>
<script>
var Image = (function () {
var b = "mad.gif,sad.gif,dance3.gif,cray.gif,write.gif".split(","),
d = document.getElementById("img");
return function (e) {
e ? b.push(b.shift()) : b.unshift(b.pop());
d.src = "http://javascript.ru/forum/images/smilies/" + b[0];
}
})();
window.onload=Image(0);
</script>
|
|
27.12.2011, 18:40
|
|
junior
|
|
Регистрация: 29.11.2011
Сообщений: 3,924
|
|
|
Сообщение от рони
|
|
и где return false?
|
Потерялся  Спасибо за очередной пример! Вроде как и я сделал рабочий
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body { margin:15px; }
</style>
<script type="text/javascript">
var imgChanger = (function() {
var j = 0, x = [["mad.gif", "sad.gif", "dance3.gif", "cray.gif", "write.gif"],
["http://javascript.ru/forum/images/smilies/"]];
return function(i) {
switch(j += i) {
case -1: j = x[0].length - 1;
break;
case x[0].length: j = 0;
}
document.getElementById("img").src = x[1][0] + x[0][j];
}
})();
window.onload = function() { imgChanger(0); };
</script>
</head>
<body>
<img src="" id="img"/>
<br/>
<a href="" onclick="imgChanger(-1); return false">Назад</a>
<a href="" onclick="imgChanger(+1); return false">Вперед</a>
</body>
</html>
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
|
|
|
|
