|
смена картинки при нажатии на ссылку (или бекграунда )
|
|
| messa | Дата: 23 Октября 2009, 19:39 | Сообщение # 1 |  ● ● ● ● ● 25 сообщений Статус: Offline | Проблема заключается в том, что перерыв и перепробовав на укозе кучу скриптов и джкерей для слайдшоу
не смог добиться нужно мне явления В шапке сайта есть картинка, я хотел чтоб через какое то время она менялась 2 картинкой затем 3 и так N кол-во раз , затем все повторялось снова. Теперь уже хотя бы при нажатии на 1 ссылку сменялась картинка на другую, при нажатии на 2 ссылку картинка менялась на 3 ... но и этот вопрос остался не решенным 
Сменить картинку при наведении я могу код написать, но мне нужно чтоб картинка не менялась при убирании курсора от нее на изначальную, а оставалась Приблизительно я хотел бы как здесь И можно ли такое действие реализовать для бекграунда? | | |
|
| cucYa | Дата: 23 Октября 2009, 19:58 | Сообщение # 2 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Code var n = 0, bc = ['фон 1','фон 2','фон 3']; // Ссылки
changeBackground = function() {
if (n == bc.length) n = 0
document.getElementById('my_image').style.background = bc[n]
n++
}
setInterval('changeBackground()', 250); Что-то типа этого. | | |
|
| messa | Отредактировал messa - Суббота, 24 Октября 2009, 15:09 Дата: 24 Октября 2009, 15:31 | Сообщение # 3 | ● ● ● ● ● 25 сообщений Статус: Offline | мне нужно это кинуть в ява например bg.js подключив его в HEAD
<script type="text/javascript" src="/java/bg.js"></script> а бэкграунду присвоить id="my_image" так я понял? Ну например
Code <td style="background: url(/images/image1.jpg)" id="my_image">блаблабла</td> Или картинке?
Code <img src="/images/logo_atomteam.png" border="0" id="my_image"> Скорее всего не так понял код... Сайт просто на Ucoz не все скрипты подходят http://atomteam.ucoz.ua Добавлено (24 Октябрь 2009, 15:31)
---------------------------------------------
вод какой код нарыл, только нужно наводить на картинку курсор, тогда меняется бек Code <script>var path='http://atomteam.ucoz.ua/ss/';var iext='.gif';var io=0;
function move_img(){io++;if(io>5){io=0;} document.getElementById('eim').src=path+io+iext;}</script> а можно его как то переписать чтоб и сам автоматом менялся через интервал времени? Code setInterval('xxx()', 250);
| | |
|
| cucYa | Дата: 24 Октября 2009, 15:48 | Сообщение # 4 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Quote (messa) Сайт просто на Ucoz не все скрипты подходят
Хватит бред нести. | | |
|
| messa | Дата: 24 Октября 2009, 15:52 | Сообщение # 5 | ● ● ● ● ● 25 сообщений Статус: Offline | прошу помочь | | |
|
| cucYa | Дата: 24 Октября 2009, 16:21 | Сообщение # 6 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Вот пример. | | |
|
| messa | Дата: 24 Октября 2009, 18:23 | Сообщение # 7 | ● ● ● ● ● 25 сообщений Статус: Offline | спасибо большое теперь понял 
+ с меня  | | |
|
| Океания | Отредактировал Океания - Воскресенье, 13 Июня 2010, 19:07 Дата: 13 Июня 2010, 19:06 | Сообщение # 8 |  ● ● ● ● ● 8 сообщений Статус: Offline | решила не создавать новой темы. так как они похожи.
мне нужен скрип смены картинки по клику на нее. картинок N-е колличество, щелкая по последней должно перебрасывать на другую страницу. а сама смена картинок должна происходить без перезагрузки страницы.
В скриптах я ноль. могу только подогнать скрипт по смыслу, все же языки программирования это тот же английский  хэлп. | | |
|
| HUNTEROR | Дата: 13 Июня 2010, 19:12 | Сообщение # 9 |  ● ● ● ● ● 362 сообщения Статус: Offline | Океания, вот что могу дать: http://anton.shevchuk.name/wp-demo....nt.html
Code $(document).ready(function(){
$("h2").append('<em></em>')
$(".thumbs a").click(function(){
var largePath = $(this).attr("href");
var largeAlt = $(this).attr("title");
$("#largeImg").attr({ src: largePath, alt: largeAlt });
$("h2 em").html(" (" + largeAlt + ")"); return false;
});
}); | | |
|
| cucYa | Дата: 13 Июня 2010, 19:16 | Сообщение # 10 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Quote Code var largePath = $(this).attr("href");
var largeAlt = $(this).attr("title");
Code var largePath = this.href, largeAlt = this.title; | | |
|
| Океания | Отредактировал Океания - Воскресенье, 13 Июня 2010, 19:33 Дата: 13 Июня 2010, 19:31 | Сообщение # 11 | ● ● ● ● ● 8 сообщений Статус: Offline | нет.такое я видела - не подходит. мне нужна смена картинок для комикса. для чтения онлайн. просто одна картинка на которую кликать. мне пытались что-то написать но оно работать не хочет 
Code <scriplt> var n = 1; var end = 10; // количество картинок всего function next_img(){ if (n==end) return; n++; document.getElementById("my_img").src="image_"+n+.".jpg"; } </scriplt> <img src="http://image_1.jpg" id="my_img" onclick=next_img()> | | |
|
| HUNTEROR | Отредактировал HUNTEROR - Воскресенье, 13 Июня 2010, 19:47 Дата: 13 Июня 2010, 19:46 | Сообщение # 12 | ● ● ● ● ● 362 сообщения Статус: Offline | Это то же самое, просто присваеваешь .click(function() своей одной картинке. Воть. | | |
|
| Океания | Дата: 13 Июня 2010, 20:17 | Сообщение # 13 | ● ● ● ● ● 8 сообщений Статус: Offline | а поподробнее?
мне вот как тут надо http://www.onemanga.com/Bleach/407/01/ | | |
|
| HUNTEROR | Дата: 13 Июня 2010, 20:30 | Сообщение # 14 | ● ● ● ● ● 362 сообщения Статус: Offline | "там" страница перезагружается. | | |
|
| Океания | Дата: 13 Июня 2010, 20:39 | Сообщение # 15 | ● ● ● ● ● 8 сообщений Статус: Offline | я просто привела пример строения. | | |
|
| messa | Дата: 13 Июня 2010, 20:41 | Сообщение # 16 | ● ● ● ● ● 25 сообщений Статус: Offline | закройте тему, ато мне все на мыло падает, хлть и не выставлено Включить уведомление на e-mail при ответах | | |
|
