| |
|
|
| | Здравствуйте!
Помогите, пожалуйста, добавить в этот скрипт вывод подписи к фотке (по-моему это в массиве лежит)
Скрипт чужой - выводит фотки как слайды при нажатии кнопок влево/вправо.
Кстати довольно полезный - не надо городить фотографии, если их много!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>New Page 1</title>
<script language="JavaScript">
var phslider = [['./images/isp_energo1.jpg', './images/isp_energo1.jpg', 160, 120, 'фото №1'], ['./images/isp_energo2.jpg', './images/isp_energo2.jpg', 160, 120], ['./images/isp_energo3.jpg', './images/isp_energo3.jpg', 171, 120]];
var phsliderIndex = 0;
function phsliderPrev()
{
phsliderIndex++;
if (phsliderIndex >= phslider.length)
phsliderIndex = 0;
phsliderSet();
}
function phsliderNext()
{
phsliderIndex--;
if (phsliderIndex < 0)
phsliderIndex = phslider.length - 1;
phsliderSet();
}
function phsliderSet()
{
var item = phslider[phsliderIndex];
phsliderImg.src = item[0];
phsliderHref.href = item[1];
phsliderImg.width = item[2];
phsliderImg.height = item[3];
phsliderImg.xxx = item[4];
}
</script>
</head>
<body>
<table cellspacing=0 cellpadding=0 border=0>
<tr>
<td id=scPAImgPreview>
<a id=phsliderHref href="./images/isp_energo1.jpg" target=_blank title=""
><img id=phsliderImg src="./images/isp_energo1.jpg" width="160" height="120"
></a>
<script language="JavaScript">document.write(phsliderImg.height);</script>
</td>
</tr>
</table>
<TABLE cellSpacing="0" cellPadding="4" border="0">
<TR>
<TD align=right>
<IMG width=15 height=14 alt="Предыдущая фотография" src="./img/arrowL.gif"
style="cursor:hand"
onclick="phsliderPrev()"
>
</TD>
<TD width=90 align=center><A href=""><STRONG>Фотоархив</STRONG></A></TD>
<TD>
<IMG width=15 height=14 alt="Следующая фотография" src="./img/arrowR.gif"
style="cursor:hand"
onclick="phsliderNext()"
>
</TD>
</TR>
</TABLE>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Boris
(20.02.2006 в 18:34)
| | | таких полезных скриптов в сети - пруд пруди. ну, раз вам именно этот приглянулся...
я сделала вот так - текст описания фотки (кстати, у вас там только в первой фотке он присутствует, надо бы и в остальные занести для чистоты эксперимента) заносим в
текстовое поле. а по клику на стрелках меняем значение этого поля. возможно, корифеи
предложат более приличный вариант.
<form name=foto>
<input type=text size=42 name=descr style="border-style: none; font-size: 9px;" >
</form>
|
это мы вставляем под фоткой. а вот скрипт:
<script language="JavaScript">
var phslider = [['./images/isp_energo1.jpg', './images/isp_energo1.jpg', 160, 120, 'xdgfxdgxgx'], ['./images/isp_energo2.jpg', './images/isp_energo2.jpg', 160, 120,'zxdfzxfzxf'], ['./images/isp_energo3.jpg', './images/isp_energo3.jpg', 171, 120,'sdsadsafas']];
var phsliderIndex = 0;
function phsliderPrev()
{
phsliderIndex++;
if (phsliderIndex >= phslider.length)
phsliderIndex = 0;
phsliderSet();
document.foto.descr.value=phsliderImg.xxx ;
}
function phsliderNext()
{
phsliderIndex--;
if (phsliderIndex < 0)
phsliderIndex = phslider.length - 1;
phsliderSet();
document.foto.descr.value=phsliderImg.xxx ;
}
function phsliderSet()
{
var item = phslider[phsliderIndex];
phsliderImg.src = item[0];
phsliderHref.href = item[1];
phsliderImg.width = item[2];
phsliderImg.height = item[3];
phsliderImg.xxx = item[4];
}
</script>
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(20.02.2006 в 19:05)
| | | Большое человеческое спасибо!
:) | |
| |
|
|
| |
|
|
| |
для: Boris
(20.02.2006 в 19:42)
| | | Позвольте я добавлю еще в фрагмент следующий кусочек: value="Фото1", а то при первой загрузке описание первой фотки пустое :)
<form name=foto>
<input type=text size=42 name=descr style="border-style: none; font-size: 9px;" value="Фото1">
</form>
|
| |
| |
|
|
| |
|
|
| |
для: Boris
(20.02.2006 в 19:57)
| | | Однако плохо, что комментарий выводится посредством формы, т.к. поле имеет фиксированный размер.
Может как-нибудь без формы можно обойтись? | |
| |
|
|
| |
|
|
| |
для: boris
(21.02.2006 в 06:10)
| | | Вновь поднимаю тему, т.к. не могу найти ответа.
Как вывести комментарии к каждой фотке, но без формы - просто тегах <p>?
Подскажите пожалуйста ) | |
| |
|
|
| |
|
|
| |
для: boris
(21.02.2006 в 06:10)
| | | размер поля (а также высоту, цвет и гарнитуру шрифта, цвет фона и границ, стиль границ) -
все можно менять стилями. | |
| |
|
|
| |
|
|
| |
для: elenaki
(21.02.2006 в 09:25)
| | | Я делаю size=50, и весь текст выходит в одну строчку, а мне надо чтобы формировался абзац шириной с фотку под ней... | |
| |
|
|
| |
|
|
| |
для: Boris
(21.02.2006 в 09:28)
| | | textarea? | |
| |
|
|
| |
|
|
| |
для: elenaki
(21.02.2006 в 09:29)
| | | Нет, type=text
А это мысль, textarea! | |
| |
|
|
| |
|
|
| |
для: Boris
(21.02.2006 в 09:32)
| | | Все равно в одну строчку и обрезается еще...
<TD width=102 align=center>
<form name=foto>
<input type=textarea cols=10 rows=7 name=descr style="border-style: none; font-size: 9px;" value="Фото1" ></form>
</TD>
|
| |
| |
|
|
| |
|
|
| |
для: Boris
(21.02.2006 в 09:36)
| | | <TD width=102 align=center>
<form name=foto>
<textarea cols=10 rows=7 name=descr style="border-style: none; font-size: 9px; width: 160;"> Фото1</textarea></form>
</TD> | |
| |
|
|
| |
|
|
| |
для: Boris
(21.02.2006 в 09:36)
| | | А еще можно стереть и написать свое в textarea.
Как-то это коряво, неужели нельзя типа:
<p>
<?
echo $comment ;
?>
</p>
Только на JS | |
| |
|
|
| |
|
|
| |
для: Boris
(21.02.2006 в 09:41)
| | | один раз напишете с помощью document.write. а потом, чтобы изменить придется перегружать страницу. ведь документ уже создан и браузер не возвращается назад, чтобы что-то переписать... | |
| |
|
|
| |
|
|
| |
для: elenaki
(21.02.2006 в 09:46)
| | | Наверное поэтому автор этого скрипта обошелся без комметариев к фоткам...
Т.е. я обречен на форму :(
А может у Вас есть ссылочка на подобный скрипт, которых "пруд пруди" :) | |
| |
|
|
| |
|
|
| |
для: Boris
(21.02.2006 в 09:49)
| | | не далее, как вчера закончила редизайн одного сайта с галерей товаров. список товаров,
категорий, описаний, фоток - все в JS. выводится, правда, по-другому - в ифреймах.
скрипт, взятый за основу - в аттаче -> | |
| |
|
|
| |
|
|
| |
для: elenaki
(21.02.2006 в 09:53)
| | | Спасибо! Правда ссылка на сайт не открылась, а файл скачал.
Может подскажите как убрать полосу прокрутки и запретить изменение текста в textarea?
Возможно ли это в принципе? | |
| |
|
|
| |
|
|
| |
для: Boris
(21.02.2006 в 09:57)
| | | скрипт не большой, это из-за фоток такой размер... не знаю, можно ли изменить аттач...
ссылку исправила | |
| |
|
|
| |
|
|
| |
для: elenaki
(21.02.2006 в 09:58)
| | | <textarea style="overflow:hidden;" rows="10" disabled></textarea> | |
| |
|
|
| |
|
|
| |
для: elenaki
(21.02.2006 в 10:00)
| | | Спасибо, спасибо!
На этом остановимся!
А сайт красивый, понравился.
Правда греческие скрипты для меня также непонятны как Java-скрипты :))) | |
| |
|
|
