Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Помогите подправить скрипт галереи 
V
    Опции темы
kulikoff
Дата 26.5.2009, 11:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 334
Регистрация: 5.11.2005
Где: Киев

Репутация: нет
Всего: 1



Добрый день!
Нашел отличный скрипт, который просто прокручивает фотографии по горизонтали, очень красиво получается. Мне необходимо, чтоб фотки были кликабельными, но никак не могу понять, куда вставить теги или как его дописать. Помогите, пожалуйста.
Код скрипта:
Код

<script type="text/javascript">

//Specify the slider's width (in pixels)
//var sliderwidth=document.body.scrollWidth-860;
var sliderwidth="640px";
//Specify the slider's height
var sliderheight="113px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=2
//configure background color:
slidebgcolor="#8AB6E5"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<img src="marquee/1.jpg" border=1>'
leftrightslide[1]='<img src="marquee/2.jpg" border=1>'
leftrightslide[2]='<img src="marquee/3.jpg" border=1>'
leftrightslide[3]='<img src="marquee/4.jpg" border=1>'
leftrightslide[4]='<img src="marquee/5.jpg" border=1>'
leftrightslide[5]='<img src="marquee/6.jpg" border=1>'
leftrightslide[6]='<img src="marquee/7.jpg" border=1>'
leftrightslide[7]='<img src="marquee/8.jpg" border=1>'
leftrightslide[8]='<img src="marquee/9.jpg" border=1>'

//Specify gap between each image (use HTML):
var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5


////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div  style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden" id="ddd">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'"  >')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" id="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0  ></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0  ></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script><br>


Это сообщение отредактировал(а) kulikoff - 26.5.2009, 11:42
PM MAIL WWW ICQ Skype   Вверх
Soah
Дата 26.5.2009, 12:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54



Код

// ...
leftrightslide[0]='<a href="http://www.google.com"><img src="marquee/1.jpg" border=1></a>'
// ...

?
PM MAIL   Вверх
kulikoff
Дата 26.5.2009, 16:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 334
Регистрация: 5.11.2005
Где: Киев

Репутация: нет
Всего: 1



Хм, спасибо большое!
Только я пытался подобное сделать, только в виде 
Код

leftrightslide[0]='<a href="#"><img src="marquee/1.jpg" border=1></a>'

не работал. А добавил Ваш - сразу заработало)))
Спасибо большое!

Это сообщение отредактировал(а) kulikoff - 26.5.2009, 16:43
PM MAIL WWW ICQ Skype   Вверх
Soah
Дата 26.5.2009, 16:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54



Цитата(kulikoff @  26.5.2009,  16:43 Найти цитируемый пост)
не работал

Правильные ссылки
Цитата

Для того чтобы ссылка стала «кликабельной», у нее обязательно прописывается атрибут href. Но если оставить href пустым, то MSIE интерпретирует ее как ссылку на текущую директорию. Например, если страница имеет адрес /folder/page.html, то href="" внутри такой страницы ссылается на /folder/. Остальные браузеры интерпретируют пустой href как ссылку на текущую страницу. В обоих случаях при клике на ссылку происходит перезагрузка страницы. Чтобы этого избежать, можно воспользоваться так называемым «якорем», т. е. ссылкой на элемент внутри контента страницы. Фактически, код <a href="#"> означает, что мы поставили якорь, но забыли указать идентификатор фрагмента страницы, на который должен ссылаться якорь.

PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.1092 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.