Форум Сайтостроение Веб-строительство

прокрутка фото

Antonsad
На сайте с 07.05.2008
Offline
147
Antonsad
3730

Добрый день, подскажите как реализовать простейшую прокрутку горизонтальную фотографий, чтоб при нажатии на фото переходил посетитель на эту фотографию с описанием на новую страницу. Спасибо.

Нужна декоративная отделка?- Декоративные материалы (loft-krym.ru) , работаем по Крыму!
AlikZP
На сайте с 22.11.2009
Offline
107
AlikZP
#1

Плагин для jQuery

http://sorgalla.com/projects/jcarousel/

Пример

http://sorgalla.com/projects/jcarousel/examples/static_circular.html

в коде вместо <li><img src="" /></li> пишите <li><a href=""><img src="" /></a></li>

Website CMS: быстрая, удобная, недорогая! Вечная лицензия за 45$ (/ru/forum/524503) Яся - быстрый поиск фото для товаров. OpenCart/ocStore. Дополнение. (/ru/forum/665287) Грамотная верстка ваших макетов (/ru/forum/comment/8853216)
LEOnidUKG
На сайте с 25.11.2006
Offline
1762
LEOnidUKG
#2

аааа... прокрутку фотографий))))

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
Lostawer
На сайте с 27.05.2010
Offline
38
Lostawer
#3

http://tinyurl.com/299h9tn

C уважением Евгений.
AlikZP
На сайте с 22.11.2009
Offline
107
AlikZP
#4

LEOnidUKG, я так понял, что несколько фоток.

Хотя описание задачи такое, что мастер Йода нервно курит :)

LEOnidUKG
На сайте с 25.11.2006
Offline
1762
LEOnidUKG
#5
AlikZP:
Плагин для jQuery
http://sorgalla.com/projects/jcarousel/
Пример
http://sorgalla.com/projects/jcarousel/examples/static_circular.html
в коде вместо <li><img src="" /></li> пишите <li><a href=""><img src="" /></a></li>

Идити ка Вы нафиг со своим jQuery, не для этого он создан.

ТС: 

<html>

<head>

<title>Скроллинг картинок</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style type="text/css">

<!--

body

{background-color:#FAFDFF; margin:0px; padding:0px; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif;}

b

{color:#00008B}

.promo

{color:#AF0032; font-size:12px; text-align:center;  margin-top:20px}

.promo a:link, .promo a:visited, .promo a:hover {color:#0066CC; text-decoration:underline;}

-->

</style>

</head>

<body>

<div class="promo" align="center">Учебники, программы, шаблоны<br>

интересные статьи и полезные советы<br>

<a href="http://web-mastery.info">Все для веб-мастера на <b>WEB-MASTERY.INFO</b></a>

</div>

<br><br>

<center>

<script language="JavaScript1.2">

var sliderwidth=330;

var sliderheight=150;

var slidespeed=4;

<!-- web-mastery.info  -->

var leftrightslide=new Array()

var finalslide=''

leftrightslide[0]='<a href="http://web-mastery.info/templates/template-1257.html"><img src="tpl-0.jpg" border=1></a>'

leftrightslide[1]='<a href="http://web-mastery.info/templates/template-710.html"><img src="tpl-1.jpg" border=1></a>'

leftrightslide[2]='<a href="http://web-mastery.info/templates/template-179.html"><img src="tpl-2.jpg" border=1></a>'

leftrightslide[3]='<a href="http://web-mastery.info/templates/template-379.html"><img src="tpl-3.jpg" border=1></a>'

leftrightslide[4]='<a href="http://web-mastery.info/templates/template-704.html"><img src="tpl-4.jpg" border=1></a>'

var copyspeed=slidespeed

for (i=0;i<leftrightslide.length;i++)

finalslide=finalslide+leftrightslide+"&nbsp;&nbsp;"

if (document.all){

document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')

ieslider.onmouseover=new Function("ieslider.scrollAmount=0")

ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")}

function regenerate(){ window.location.reload() }

function regenerate2(){

if (document.layers){

document.ns_slider01.visibility="show"

setTimeout("window.onresize=regenerate",450)

intializeleftrightslide() }

if (document.all)

ieslider.scrollAmount=slidespeed}

function intializeleftrightslide(){

document.ns_slider01.document.ns_slider02. document.write('<nobr>'+finalslide+'</nobr>')

document. ns_slider01.document.ns_slider02.document.close()

thelength=document.ns_slider01. document.ns_slider02.document.width

scrollslide() }

function scrollslide(){

if (document.ns_slider01. document.ns_slider02.left>=thelength*(-1)){

document.ns_slider01. document.ns_slider02.left-=slidespeed

setTimeout("scrollslide()",100)

}else{

document.ns_slider01. document.ns_slider02.left=sliderwidth

scrollslide()}}

window.onload=regenerate2

</script>

<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>

<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer>

</ilayer>

</center>

</body>

</html>

LEOnidUKG добавил 13.07.2010 в 13:21

AlikZP:
LEOnidUKG, я так понял, что несколько фоток.
Хотя описание задачи такое, что мастер Йода нервно курит :)

я вообще думал, что фотка не помещается и нужно её с прокруткой сделать вниз 🤪

AlikZP
На сайте с 22.11.2009
Offline
107
AlikZP
#6

Простите, а для чего, по Вашему, создан jQuery?

Код какого из двух примеров более понятен непрофессионалу?

LEOnidUKG
На сайте с 25.11.2006
Offline
1762
LEOnidUKG
#7
AlikZP:
Простите, а для чего, по Вашему, создан jQuery?
Код какого из двух примеров более понятен непрофессионалу?

Не нужно подключать многофункциональный, БОЛЬШОЙ комбайн для нарезки одного огурца :)

Antonsad
На сайте с 07.05.2008
Offline
147
Antonsad
#8

LEOnidUKG, в первом посте написано что горизонтальная прокрутка:), спасибо щас попробую поставить код

LEOnidUKG
На сайте с 25.11.2006
Offline
1762
LEOnidUKG
#9
Antonsad:
LEOnidUKG, в первом посте написано что горизонтальная прокрутка:), спасибо щас попробую поставить код

Ну вдруг у Вас там панорама, я вообще о прокрутки одной фотографии как бы в диве думал :)

rtyug
На сайте с 13.05.2009
Offline
263
rtyug
#10

<-->

http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12

http://net.tutsplus.com/tutorials/javascript-ajax/building-a-jquery-image-scroller/

http://nettuts.s3.amazonaws.com/300_jquery/image%20Scroller/imageScroller.html

Спалил тему: Pokerstars вывод WMZ, etc на VISA 0% или SWIFT + Конверт USD/GBP,etc (net profit $0,5 млрд) (https://minfin.com.ua/blogs/94589307/115366/) Monobank - 50₴ на счет при рег. тут (https://clck.ru/DLX4r) | Номер SIP АТС Москва 7(495) - 0Ꝑ, 8(800) - 800Ꝑ/0Ꝑ (http://goo.gl/XOrCSn)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий