|
При щелчке, картинка увиличивается - помогите с кодом!
|
| Автор |
Сообщение |
Zimaletto
Хостинг — это наше всё!
Зарегистрирован: 04.06.2007
Сообщения: 246
14075 
|
 Добавлено: Сб, 30 Июн, 2007 14:59 Заголовок сообщения: При щелчке, картинка увиличивается - помогите с кодом! |
 |
|
Привет, Друзья! Хочу просить у вас помощи: я хочу сделать на своем сайте вот такой фич..
При клике на маленькую картинку, к примеру 1.gif, картинка 1.gif увеличивает свой размер до картинки 2.gif и соответственно превращается в картинку 2.gif
Вот для наглядности: http://www.ozon.ru/context/detail/id/3199821/ (картинка рядом с товаром и скриншоты внизу)
Помогите, пожалуйста!! |
|
| Вернуться к началу |
|
 |
Wink
$a ||= 5;
Зарегистрирован: 08.08.2006
Сообщения: 897
Откуда: Россия, Омск
157797
|
| Добавлено: Сб, 30 Июн, 2007 15:41 Заголовок сообщения: |
|
|
А чего, сложно посмотреть как это у них сделано? 
Открой http://www.ozon.ru/js/utils.js и смотри функцию swapImages |
|
| Вернуться к началу |
|
|
Zimaletto
Хостинг — это наше всё!
Зарегистрирован: 04.06.2007
Сообщения: 246
14075
|
| Добавлено: Сб, 30 Июн, 2007 15:51 Заголовок сообщения: |
|
|
Ой) ПАСИБА)
_________________
Нахожусь в галактике Идей |
|
| Вернуться к началу |
|
|
Zimaletto
Хостинг — это наше всё!
Зарегистрирован: 04.06.2007
Сообщения: 246
14075
|
| Добавлено: Сб, 30 Июн, 2007 15:53 Заголовок сообщения: |
|
|
И этот всеь код на одну картиночку!? А, случано, нельзя выделить конкретно? |
|
| Вернуться к началу |
|
|
Wink
$a ||= 5;
Зарегистрирован: 08.08.2006
Сообщения: 897
Откуда: Россия, Омск
157797
|
| Добавлено: Сб, 30 Июн, 2007 16:22 Заголовок сообщения: |
|
|
| Код: |
function swapImages(img, fileSm, fileLg, widthSm, widthLg) {
if (img.src.indexOf('/small/') > 0) {
var IbDiv = document.getElementById("ImageBreak");
if (IbDiv) {
if (getWindowWidth() < 900) {
IbDiv.style.display = 'inline';
} else {
IbDiv.style.display = 'none';
};
};
img.src = fileLg;
img.width = widthLg;
} else {
var IbDiv = document.getElementById("ImageBreak");
if (IbDiv) IbDiv.style.display = 'none';
img.src = fileSm;
img.width = widthSm;
};
return false;
}; |
|
|
| Вернуться к началу |
|
|
Zimaletto
Хостинг — это наше всё!
Зарегистрирован: 04.06.2007
Сообщения: 246
14075
|
| Добавлено: Пн, 02 Июл, 2007 08:28 Заголовок сообщения: |
|
|
| Wink писал(а): | | Код: |
function swapImages(img, fileSm, fileLg, widthSm, widthLg) {
if (img.src.indexOf('/small/') > 0) {
var IbDiv = document.getElementById("ImageBreak");
if (IbDiv) {
if (getWindowWidth() < 900) {
IbDiv.style.display = 'inline';
} else {
IbDiv.style.display = 'none';
};
};
img.src = fileLg;
img.width = widthLg;
} else {
var IbDiv = document.getElementById("ImageBreak");
if (IbDiv) IbDiv.style.display = 'none';
img.src = fileSm;
img.width = widthSm;
};
return false;
}; |
|
Wink, извини за надоедливость, но вставляю код, а он идёт в HTML как текст... Я просто в Java полный дурак  А для странички лучшего кода просто ничего найти не могу.
_________________
Нахожусь в галактике Идей |
|
| Вернуться к началу |
|
|
Wink
$a ||= 5;
Зарегистрирован: 08.08.2006
Сообщения: 897
Откуда: Россия, Омск
157797
|
| Добавлено: Пн, 02 Июл, 2007 09:51 Заголовок сообщения: |
|
|
Ну да. Если ты его вставляешь в html, то надо добавить перед кодом | Код: | | <script type="text/javascript"> |
а после него И еще надо будет повесить вызов этой функции на картинку, которую менять в размерах будешь. Так что без знания javascript тут не обойтись в любом случае. |
|
| Вернуться к началу |
|
|
|
FAQ
Поиск
Пользователи
Группы
Лотерея
Регистрация
Профиль
Войти и проверить личные сообщения
Вход
