скрипт плавной смены изображений - JavaScript, Ajax

viking1979 · 16.07.2010, 02:55

Люди помогите плиз со следующим вопросом. Я в яваскрипте вообще не рублю, но насколько я знаю с помощью него можно решить задачу плавной смены изображений на сайте. Как например на этом сайте: mramor-granit точка com (справа посередине плавно меняются фото камня)
Порывшись в нете я нашёл следующее решение:
<script language="JavaScript">
// Предварительная загрузка изображений
numimg=0
imgslide=new Array()
imgslide[0]=new Image()
imgslide[1]=new Image()
imgslide[2]=new Image()
imgslide[3]=new Image()
imgslide[0].src="image/sl1.gif"
imgslide[1].src="image/sl2.gif"
imgslide[2].src="image/sl3.gif"
imgslide[3].src="image/sl4.gif"
//чередование изображений
function demoslides()
{document.images[0].src=imgslide[numimg].src
numimg++
if(numimg==4)
numimg=0;
setTimeout("demoslides()", 1000)
}
</script>
<body bgcolor="#FFFFFF" onLoad="demoslides()">

<img src="slidimg1.gif" width="100" height="100">
Но мне этот скрипт не подходит, так как при его использовании изображения плавно меняются только в верхнем левом углу веб-страницы....а мне нужно чтобы они менялись там где я захочу...т.е. я например создаю div размером 200пкс на 200 пкс, размещаю его на веб-странице где хочу и внём у меня меняются изображения...ну в общем как на том сайте, что я дал ссылку...подскажите пожалуйста как это можно реализовать???

slips · 16.07.2010, 14:29

Цитата:

Сообщение от viking1979

Но мне этот скрипт не подходит, так как при его использовании изображения плавно меняются только в верхнем левом углу веб-страницы....а мне нужно чтобы они менялись там где я захочу...т.е. я например создаю div размером 200пкс на 200 пкс, размещаю его на веб-странице где хочу и внём у меня меняются изображения...ну в общем как на том сайте, что я дал ссылку...подскажите пожалуйста как это можно реализовать???

Сделайте на iframe onload - и не будет никаких проблем

werewolf999 · 16.07.2010, 16:03

в jquery есть плагин с нужным тебе функционалом - InnerFade (посмотреть примеры и скачать можно здесь здесь)

viking1979 · 16.07.2010, 20:09

Огромное спасибо Slips! всё получилось

viking1979 · 16.07.2010, 20:10

Спасибо werewolf999!!!

Gravip · 17.08.2010, 17:41

Покажите пожалуйста пример с iframe

Виталий Желтяков · 17.08.2010, 18:03

Используйте jQuery. С помощью этого фраймворка можно наделать кучу различных плавных переходов.

Gravip · 17.08.2010, 18:07

К сожалению, не подходят другие варианты из сети включая jquary, так как я не могу использовать в том месте куда надо вставить теги div,p,span,ul,li . Вот такая вот кривота

А этот скрипт просто срабатывает на первой картинке сайта, а надо направить в нужное место

Понял, что можно через iframe, но не смог понять как

16.07.2010, 02:55	#1
viking1979 Регистрация: 19.05.2010 Сообщений: 5	скрипт плавной смены изображений Люди помогите плиз со следующим вопросом. Я в яваскрипте вообще не рублю, но насколько я знаю с помощью него можно решить задачу плавной смены изображений на сайте. Как например на этом сайте: mramor-granit точка com (справа посередине плавно меняются фото камня) Порывшись в нете я нашёл следующее решение: <script language="JavaScript"> // Предварительная загрузка изображений numimg=0 imgslide=new Array() imgslide[0]=new Image() imgslide[1]=new Image() imgslide[2]=new Image() imgslide[3]=new Image() imgslide[0].src="image/sl1.gif" imgslide[1].src="image/sl2.gif" imgslide[2].src="image/sl3.gif" imgslide[3].src="image/sl4.gif" //чередование изображений function demoslides() {document.images[0].src=imgslide[numimg].src numimg++ if(numimg==4) numimg=0; setTimeout("demoslides()", 1000) } </script> <body bgcolor="#FFFFFF" onLoad="demoslides()"> <img src="slidimg1.gif" width="100" height="100"> Но мне этот скрипт не подходит, так как при его использовании изображения плавно меняются только в верхнем левом углу веб-страницы....а мне нужно чтобы они менялись там где я захочу...т.е. я например создаю div размером 200пкс на 200 пкс, размещаю его на веб-странице где хочу и внём у меня меняются изображения...ну в общем как на том сайте, что я дал ссылку...подскажите пожалуйста как это можно реализовать??? Последний раз редактировалось SkyM@n; 16.07.2010 в 10:23.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Поиск смены знака	Franky21	Общие вопросы C/C++	5	09.03.2010 00:35
Функция смены пароля!	Gennadiy91	Помощь студентам	4	03.02.2010 01:16
JS скрипт смены картинок при наведении на ссылку	Андрей79	JavaScript, Ajax	1	20.08.2009 15:41
Запрет смены фокуса чекбокса.	Mixasik	Общие вопросы Delphi	7	25.02.2009 23:43
Алгоритм смены столбцов в массиве	DeFace	Общие вопросы C/C++	23	21.11.2008 01:30

16.07.2010, 16:03	#3
werewolf999 Пользователь Регистрация: 04.05.2010 Сообщений: 46	в jquery есть плагин с нужным тебе функционалом - InnerFade (посмотреть примеры и скачать можно здесь здесь)

16.07.2010, 20:09	#4
viking1979 Регистрация: 19.05.2010 Сообщений: 5	Огромное спасибо Slips! всё получилось

16.07.2010, 20:10	#5
viking1979 Регистрация: 19.05.2010 Сообщений: 5	Спасибо werewolf999!!!

17.08.2010, 17:41	#6
Gravip Новичок Джуниор Регистрация: 17.08.2010 Сообщений: 2	Покажите пожалуйста пример с iframe

17.08.2010, 18:03	#7
Виталий Желтяков Старожил Регистрация: 19.04.2010 Сообщений: 2,702	Используйте jQuery. С помощью этого фраймворка можно наделать кучу различных плавных переходов.

17.08.2010, 18:07	#8
Gravip Новичок Джуниор Регистрация: 17.08.2010 Сообщений: 2	К сожалению, не подходят другие варианты из сети включая jquary, так как я не могу использовать в том месте куда надо вставить теги div,p,span,ul,li . Вот такая вот кривота А этот скрипт просто срабатывает на первой картинке сайта, а надо направить в нужное место Понял, что можно через iframe, но не смог понять как