Не могу разобраться в коде смены картинок

S_A_N_T_A · 2010-04-29T10:39:14.0000000Z

Скачал с интернета скрипт смены картинок: <script language="JavaScript"> i=0; img_a=new Array(); img_h=new Array(); img_a[0]=new Image(); img_a[1]=new Image(); img_a[0].src="http://site.ru/uploads/1.jpg"; img_a[1].src="http://site.ru/uploads/2.jpg"; function chImages() { document.getElementById('p1').src=img_a .src; i=1-i; animate(0,1,function(){ setTimeout(function(){ animate(1,0,function(){ chImages(); })},5000)}) //setTimeout("chImages()", 1000) } function animate(_from,_to,callback){ var i = 20,disp=(_from-_to)/i,interval= setInterval(function(){ set_opacity('p1',_from-=disp); if(!i--) { clearInterval(interval); callback() } },1000/i) } function set_opacity(op,id){ if(typeof(op)=='string') op=document.getElementById(op); try{ op.style.opacity = id; op.style.filter = 'alpha(opacity='+Math.ceil(id*300)+')'; } catch (e) {;} } </script> <body onLoad="animate(1,0,function(){ chImages()})"> <img id="p1" src="http://site.ru/uploads/1.jpg"> Не могу разобраться как туда добавить ещё несколько картинок Добавляю в код img_a[3]=new Image(); и img_a[1].src="http://site.ru/uploads/3.jpg"; - третья картинка не появляется

74

BlackvsEvgen

30 апреля 2010, 14:14

#11

Народ подскажите как сделать чтоб на сайте разместить уменьшенные картинки, а при нажатии грузилась полного размера ?

Любимый хостинг (http://bit.ly/VW9SbN) | Постовые для вашего сайта (http://bit.ly/WPm6Et)

79

stiliar

30 апреля 2010, 14:30

#12

BlackvsEvgen:
Народ подскажите как сделать чтоб на сайте разместить уменьшенные картинки, а при нажатии грузилась полного размера ?

<a href="images/big.jpg"><img src="images/small.jpg" /></a>

Это ответ на поставленный вопрос, но, возможно, вы имели ввиду открытие с каким-нибудь эффектом?.. Тогда нужно подключать скрипты.

154

S_A_N_T_A

30 апреля 2010, 14:30

#13

Вот примерно как то так:

это вставить в head

var scr='img.html'

// пишем, где находится файл со скриптом

function imgWin(img)

{

var wn=window.open(scr+'?'+escape(img),'win','resizable,width=400,height=200,screenX=0,screenY=0,top=0,left=0')

wn.focus()

return false

}

</script>

это туда куда вставить картинку

Так же создай файл со скриптом и вставь туда вот это

body,img,table,tr,td{margin:0px;padding:0px;border:0px;text-align:center;vertical-align:middle}

--></style>

var d=document

resizeTo(400,300)

function adjustWin(){resizeTo(d.images['i'].width+30,d.images['i'].height+47)}

var l=location.search

if(l.length>1){

var imgPath=unescape(location.search.substring(1,location.search.length));

var im=new Image

im.src=imgPath

d.write('<img name=i src="'+imgPath+'">')

}

else {d.write('Изображение временно недоступно.')}

</script></td></tr></table>

Только можешь подправить его немного под себя :)

74

BlackvsEvgen

30 апреля 2010, 14:34

#14

stiliar спасибо, я думал возможно вставить без уменьшенной картинки.

S_A_N_T_A это вроде тоже самое как и stiliar писал, а нельзя ли такое сделать без уменьшенной картинки ?

L

351

Ladycharm

1 мая 2010, 11:12

#15

BlackvsEvgen:
stiliar спасибо, я думал возможно вставить без уменьшенной картинки.

Без уменьшенной картинки не получится, если только задать <img width='', но картинка загрузится полноразмерная и сожмется при показе.

Картинку можно уменьшить средствами PHP и хранить их во временной директории. Все фотогалереи делают превьюшки картинок - сриптов навалом.

Ladycharm добавил 01.05.2010 в 15:17

S_A_N_T_A:
Теперь буду знать, спс :)

Там надо сделать что-то вроде:

i=N-i;, где N - число картинок, а в animate делать:

animate(i, N, function(){

setTimeout(function(){

animate(N, i,function(){

154

S_A_N_T_A

1 мая 2010, 11:22

#16

Ladycharm:
Там надо сделать что-то вроде:
i=N-i;, где N - число картинок, а в animate делать:
animate(i, N, function(){
setTimeout(function(){
animate(N, i,function(){

СПС сейчас попробую :)

Что делать, если ваша email-рассылка попала в спам

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах