VPF::Галерея - Форум программистов

Palette

Дата 13.3.2005, 22:40 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Да я как раз не молчу, вроде, а только и делаю, что вопросы задаю. По поводу картинок в скрипте. Я не знала что их не видно, сейчас исправлю.

Aliance

Дата 13.3.2005, 23:49 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Как именно изменить, т.е. ЧЕМ не подходит? Или тебе нужно ТОЛЬКО с боковыми "стрелочками-прокруткой"?

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Palette

Дата 14.3.2005, 01:44 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Цитата

Пути к файлам должны быть не с твоего компьютера, а с и-нета!
У меня, кроме картинок, там ничего нет и ничего нельзя сделать.

Исправила. Ну что, теперь все видно, как работает? Люди, так поможет мне кто нить, или перестать уже надеяться?……

Aliance

Дата 14.3.2005, 19:13 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Во второй странице, внизу напиши

Код


<div style="border: 1px solid red"><IMG src="" id="qwe"></div>

В данной картинки поставь еще высоту и ширину как у твоей картинки...

А дальше в каждой картинке следующее:

Код


<IMG src="1.gif" onclick="change(this.src)">

Таких картинок должно быть сколько тебе нужно + замени у них адрес, естественно.

В head`е напиши такое:

Код


<script>
function change (uri) {
 var pict = document.getElementById("qwe");
 pict.src = uri;
}
</script>

Не будет работать - кинешь сюда полностью код получившейся страницы, но проблем быть недолжно smile

Это сообщение отредактировал(а) Aliance - 14.3.2005, 19:15

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Aliance

Дата 14.3.2005, 20:25 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

См. здесь: http://lesnych.narod.ru/palette.html

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Aliance

Дата 14.3.2005, 21:13 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Сделал обновление по заказу:
http://lesnych.narod.ru/palette.html (смотрим вторую версию)

Исправлено:
- пред. кеширование больших картинок
- большие и малые картинки

Это сообщение отредактировал(а) Aliance - 14.3.2005, 21:21

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Palette

Дата 14.3.2005, 21:14 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Уважаемые модераторы! Срочно надо принять меры по поощрению Aliance! smile

Помог, несказанно! Умница просто! ОГРОМНОЕ ЕМУ СПАСИБО! Побольше бы таких людей! Форуму тоже мерси, теперь тут пропишусь.

Aliance

Дата 14.3.2005, 21:15 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Цитата(Palette @ 14.3.2005, 21:14)

Умница просто! ОГРОМНОЕ ЕМУ СПАСИБО!

Спасибо, раз стараться smile

Цитата(Palette @ 14.3.2005, 21:14)

теперь тут пропишусь.

Милости просим smile

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Sardar

Дата 14.3.2005, 21:51 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Aliance нужно картинки скрывать пока не дозагрузились, я минут 5 с народа ждал пока всё разом появилось.

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Palette

Дата 15.3.2005, 00:43 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Aliance

Есть проблемка.

Мы с тобой как раз это обсуждали. Че то я намутила или что. Вобщем рассказываю.

Есть маленькие картинки, есть большие картинки, которые открываются нажатием на маленькие. А у меня получается, что при нажатии на маленькие, открываются они же, а не большие. То есть просто растягиваются на размер большой картинки, а, по сути, уродуются. При чем, при загрузке страницы, на месте где должна быть большая картинка, она таки появляется, а потом исчезает, как только начинаешь нажимать на маленькие.

Задача такая: нажатием на маленькие картинки, вызывать загрузку больших, а пока что, получается просто увеличение маленьких.
Особенно не приятно это выглядит, если картинка вертикальная.

Может, я что-то не так сделала? Где исправить?

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

Aliance

Дата 15.3.2005, 16:25 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Palette
Думаю сделала ты все правельно, только есесно, нужно нарисовать большие картинки...сами они растягиваться без потери качеств не будут.
Это легко сделать в фотошопе (изображение -> размер изображения)

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Palette

Дата 15.3.2005, 17:09 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Aliance

smile

А! Поняла, наконец, идею. Значит, изначально должны быть большие картинки. В скроле, они как-то там уменьшаются, а в большом окне показываются, так как положено. С горизонтальными так 100% получится, если большие картинки пропорциональны размеру маленьких. А как быть в отношении вертикальных картинок? Размер маленького окна не будет пропорционален большой картинке. Значит, в маленьком окне вертикальную картинку сплющит. Что в этом случае делать?

Aliance

Дата 15.3.2005, 17:24 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Нет. У тебя есть, скажем маленькие. Ты в фотошопе делаешь их большими. и все. это все разные картинки! ВЕсят они по-разному. Там нигде их пропорции не меняются.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Palette

Дата 15.3.2005, 17:54 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Это правильный код?

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Галерея с прокруткой</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
</HEAD>
<BODY>
<center>
<script type="text/javascript">

function change (uri) {
 var pict = document.getElementById("qwe");
 pict.src = uri;
}


var goleftimage='left-arrow.gif'
var gorightimage='right-arrow.gif'

var menuwidth = 430;

var menuheight = 250;

/*
reverse - обратный порядок прокрутки
normal - прямой порядок прокрутки
*/
var scrolldir = "reverse";

var scrollspeed = 6;

var menucontents='<nobr><a href="#"><img src="stihi.jpg" border=1 width="120" height="60" onclick="change(this.src)"></a>  <a href="#"><img src="faq.jpg" border=1 width="120" height="60" onclick="change(this.src)"></a> <a href="#"><img src="story.jpg" border=1 width="120" height="60" onclick="change(this.src)"></a> <a href="#"><img src="guestbook2.jpg" border=1 width="120" height="60" onclick="change(this.src)"></a> <a href="#"><img src="tic-tac2.jpg" border=1 width="120" height="60" onclick="change(this.src)"></a></nobr>';

var iedom = document.all || document.getElementById;
var leftdircode = 'onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"';
var rightdircode = 'onMouseover="moveright()" onMouseout="clearTimeout(righttime)"';
if (scrolldir == "reverse"){
 var tempswap = leftdircode;
  leftdircode = rightdircode;
  rightdircode = tempswap;
}
if (iedom)
document.write('<span id="temp" style="visibility:hidden; position:absolute; top:-100; left:-5000">'+menucontents+'</span>');
var actualwidth = '';
var cross_scroll, ns_scroll;
var loadedyes = 0;

function fillup() {
if (iedom) {
 cross_scroll = document.getElementById ? document.getElementById("test2") : document.all.test2;
 cross_scroll.innerHTML = menucontents;
 actualwidth = document.all ? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth;
}
else if (document.layers) {
 ns_scroll = document.ns_scrollmenu.document.ns_scrollmenu2;
 ns_scroll.document.write(menucontents);
 ns_scroll.document.close();
 actualwidth = ns_scroll.document.width;
}
 loadedyes = 1
}
window.onload = fillup

function moveleft() {
if (loadedyes) {
 if (iedom && parseInt(cross_scroll.style.left) > (menuwidth-actualwidth)) {
   cross_scroll.style.left = parseInt(cross_scroll.style.left) - scrollspeed+"px";
 } else if (document.layers&&ns_scroll.left > (menuwidth-actualwidth))
   ns_scroll.left -= scrollspeed;
 }
 lefttime = setTimeout("moveleft()",50);
}

function moveright(){
if (loadedyes){
 if (iedom && parseInt(cross_scroll.style.left) < 0) {
   cross_scroll.style.left = parseInt(cross_scroll.style.left) + scrollspeed+"px";
 } else if (document.layers&&ns_scroll.left < 0)
   ns_scroll.left += scrollspeed;
 }
 righttime = setTimeout("moveright()",50);
}


if (iedom || document.layers) {
 with (document) {
  write('<table border="0" cellspacing="0" cellpadding="9">');
  write('<td valign="middle"><a href="#" '+leftdircode+'><img src="'+goleftimage+'"border=0></a> </td>');
  write('<td width="'+menuwidth+'px" valign="top">');
  if (iedom){
  write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">');
  write('<div id="test2" style="position:absolute;left:0;top:70">');
  write('</div></div>');
} else if (document.layers) {
 write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">');
 write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>');
}
write('</td>')
write('<td valign="middle"> <a href="#" '+rightdircode+'>')
write('<img src="'+gorightimage+'"border=0></a>')
write('</td></table>')
}
}

</SCRIPT>

<h3>Предпросмотр картинки:</h3>
<IMG src="prize.jpg" id="qwe" width="120" height="60" align="center">


<hr color="dodgerblue" width="80%">
<br>© <a href="http://aliance.hoha.ru/?section=feedback">Лесных Илья</a> [<a href="http://aliance.hoha.ru">http://aliance.hoha.ru</a>]

</center>
</BODY>
</HTML>

Где должны стоять ссылки на большие, а где на маленькие картинки?
Это ссылка на большую, она загружается первой, правильно?

Код


<IMG src="prize.jpg" id="qwe" width="120" height="60" align="center">

А этот код для маленьких, я правильно понимаю?

Код


var menucontents='<nobr><a href="#"><img src="stihi.jpg" border=1 width="120" height="60" onclick="change(this.src)"></a>  <a href="#"><img src="faq.jpg" border=1 width="120" height="60" onclick="change(this.src)"></a> <a href="#"><img src="story.jpg" border=1 width="120" height="60" onclick="change(this.src)"></a> <a href="#"><img src="guestbook2.jpg" border=1 width="120" height="60" onclick="change(this.src)"></a> <a href="#"><img src="tic-tac2.jpg" border=1 width="120" height="60" onclick="change(this.src)"></a></nobr>';

А для больших тогда где?

Aliance

Дата 15.3.2005, 18:06 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Нет, ну я же дал тебе новый код...
http://lesnych.narod.ru/pallete2/scrollgal.htm

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »