нужна помощь для создания скрипта к фотоальбому

**Silver** · 23.06.2003, 20:45

ИМХО есть смысл поискать подобные скрипты!

Или ПХП вообще нельзя использовать???

Chupa · 24.06.2003, 00:35

Вообщем есть выход, но не знаю подойдет ли он. А выход такой: создем новый фаил, к примеру index.htm, а в нем делаем таблицу в два ряда; в первом ряду будут миниатюры, а во втором собственно будут появлятся большие фотки. Далее создаем до фига слоев, в каждом из котором будет находится большая фотка, visibility ставим hidden. Потом делаем такую штуку на JavaScript, что при клике на одну миниатюру появляется слой с большой фоткой, например photo1, а все другие исчезают. Потом точно также поступаем со второй миниатюрой. Ну, вообщем, что я тут разглагольствую, держи код, только картинки замени на свой. Если что не понятно по слоям, обьясню...а так вроде все понятно.
__________________________________________________ __________

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Фотоальбом</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'

v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<div id="photo1" style="position:absolute; left:347px; top:150px; z-index:1; visibility: hidden;">[img]photo/pupils/31/01_m.JPG[/img]</div>
<div id="photo2" style="position:absolute; left:347px; top:150px; z-index:2; visibility: hidden;">[img]photo/pupils/31/02_m.JPG[/img]</div>
<div id="photo3" style="position:absolute; left:347px; top:150px; z-index:3; visibility: hidden;">[img]photo/pupils/31/03_m.JPG[/img]</div>
<table width="100%" border="0">
<tr>
<td height="100"><div align="center">[img]photo/pupils/31/01_m.JPG[/img][img]photo/pupils/31/02_m.JPG[/img][img]photo/pupils/31/03_m.JPG[/img]</div></td>
</tr>
<tr>
<td height="300"><div align="center"></div></td>
</tr>
</table>
</body>
</html>
__________________________________________________ __________

Только вместо смайлика там должно быть двоеточие, а потом открывающая скобка

Страницу писал в Дримвейвере, так что у всех функций в начале стоит MM.

ВЛАСТЕЛИН · 24.06.2003, 00:56

http://www.serafimsobko.narod.ru/fotoalbom.html

Глянь....
Понравится — скажу как сделать....

Chupa · 24.06.2003, 23:27

Если ты в слоях ничего не понимаешь, то почитай о них на www.htmlbook.ru

Chupa · 25.06.2003, 19:09

Пожалуйста, для хорошего человека всегда пожалуйста...

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Нужна помощь	Volkodavteua	HTML, CSS, JavaScript	2	27.10.2009 01:13
Нужна помощь	xela	Зал дебютантов	10	30.07.2006 00:20
Нужна помощь	house	HTML, CSS, JavaScript	5	07.03.2006 07:29
Нужна помощь	Vic	HTML, CSS, JavaScript	5	25.02.2006 12:03
Нужна помощь!	tend	HTML, CSS, JavaScript	2	28.11.2004 23:49

23.06.2003, 20:45	#1
Silver	ИМХО есть смысл поискать подобные скрипты! Или ПХП вообще нельзя использовать???

24.06.2003, 00:35	#2
Chupa	Вообщем есть выход, но не знаю подойдет ли он. А выход такой: создем новый фаил, к примеру index.htm, а в нем делаем таблицу в два ряда; в первом ряду будут миниатюры, а во втором собственно будут появлятся большие фотки. Далее создаем до фига слоев, в каждом из котором будет находится большая фотка, visibility ставим hidden. Потом делаем такую штуку на JavaScript, что при клике на одну миниатюру появляется слой с большой фоткой, например photo1, а все другие исчезают. Потом точно также поступаем со второй миниатюрой. Ну, вообщем, что я тут разглагольствую, держи код, только картинки замени на свой. Если что не понятно по слоям, обьясню...а так вроде все понятно. __________________________________________________ __________ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Фотоальбом</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW \|\| innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_showHideLayers() { //v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; } obj.visibility=v; } } //--> </script> </head> <body> <div id="photo1" style="position:absolute; left:347px; top:150px; z-index:1; visibility: hidden;">[img]photo/pupils/31/01_m.JPG[/img]</div> <div id="photo2" style="position:absolute; left:347px; top:150px; z-index:2; visibility: hidden;">[img]photo/pupils/31/02_m.JPG[/img]</div> <div id="photo3" style="position:absolute; left:347px; top:150px; z-index:3; visibility: hidden;">[img]photo/pupils/31/03_m.JPG[/img]</div> <table width="100%" border="0"> <tr> <td height="100"><div align="center">[img]photo/pupils/31/01_m.JPG[/img][img]photo/pupils/31/02_m.JPG[/img][img]photo/pupils/31/03_m.JPG[/img]</div></td> </tr> <tr> <td height="300"><div align="center"></div></td> </tr> </table> </body> </html> __________________________________________________ __________ Только вместо смайлика там должно быть двоеточие, а потом открывающая скобка Страницу писал в Дримвейвере, так что у всех функций в начале стоит MM.

24.06.2003, 00:56	#3
ВЛАСТЕЛИН	http://www.serafimsobko.narod.ru/fotoalbom.html Глянь.... Понравится — скажу как сделать....

24.06.2003, 23:27	#4
Chupa	Если ты в слоях ничего не понимаешь, то почитай о них на www.htmlbook.ru

25.06.2003, 19:09	#5
Chupa	Пожалуйста, для хорошего человека всегда пожалуйста...