X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Щелчок по ссылке - появление изображения
LordNighton
LordNighton
Topic Starter сообщение 5.11.2008, 2:14; Ответить: LordNighton
Сообщение #1


Мужики, нужно сделать так, чтобы когда я щёлкнул на страничке на маленькой картинке она на той же странице отобразилась в увеличенном виде.
Я - программист, но с Web не работал ранее. В программировании это обычный if then else, но как тут это сделать - вопрос
Подскажите боту )
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Diablo_hb
Diablo_hb
сообщение 5.11.2008, 2:33; Ответить: Diablo_hb
Сообщение #2


Проблемы с ActiveX - там есче сложнее - там обсудждалась флешка
скрипт для ссылки (картинки)

пользуйся поиском
http://www.html.by/search.php?searchid=91944
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LordNighton
LordNighton
Topic Starter сообщение 5.11.2008, 2:50; Ответить: LordNighton
Сообщение #3


Спасибо за ответ, но хотелось что-нибудь поконкретнее )
Мне просто заказали сделать такой сайтик, но я до этого никогда ни со скриптами, ни с флэшем не работал
Подскажите, хоть в каком направлении копать. Что нужно сделать.
Повтор проблемы : нужно при щелчке на картинке вставить на эту же страничку такую же картинку, но больше размером. Такая картинка является другим файлом, а не тем же, но растянутым )
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LordNighton
LordNighton
Topic Starter сообщение 5.11.2008, 2:51; Ответить: LordNighton
Сообщение #4


Короче, как вставить скрин сюда, чтобы показать примерчик того, что я хочу сделать ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LordNighton
LordNighton
Topic Starter сообщение 5.11.2008, 3:00; Ответить: LordNighton
Сообщение #5


[IMG]http://pic.ipicture.ru/uploads/081105/xMJi6kVLhR.gif[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LordNighton
LordNighton
Topic Starter сообщение 5.11.2008, 3:02; Ответить: LordNighton
Сообщение #6


По щелчку на мелких картинка новое изображение должно появляться примерно в области чёрного квадрата. Там же должны отображаться другие увеличенные картинки. Как это сделать ? Подскажите )
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 5.11.2008, 3:27; Ответить: Galen
Сообщение #7


Такое много раз на форуме обсуждалось. Копайте в сторону свойства display и JavaScript.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Diablo_hb
Diablo_hb
сообщение 5.11.2008, 10:57; Ответить: Diablo_hb
Сообщение #8


Всплывающее окно - сдесь примерно такой случай на 2й странице обсуждался
JavaScript - галерея

програмист не работал со скриптами? ))))
ищите на форуме создание фото галерей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 5.11.2008, 12:10; Ответить: pomp
Сообщение #9


Запихиваем в head
<head>
<script>
<!--
function imgLaerOn(i) {
i.style.visibility="visible"}
function imgLaerOff(i) {
i.style.visibility="hidden"}
// --
>
</script>
</head>


Это ссылки куда нажать что бы выводились изображения
<div>
<a href="#" onmouseover="imgLaerOn(document.getElementById('img1'))" onmouseout="imgLaerOff(document.getElementById('img1'))">Нажимаем тут - появиться первая картинка</a><br>
<a href="#" onmouseover="imgLaerOn(document.getElementById('img2'))" onmouseout="imgLaerOff(document.getElementById('img2'))">нажимаем тут появиться вторая</a><br>
<a href="#" onmouseover="imgLaerOn(document.getElementById('img3'))" onmouseout="imgLaerOff(document.getElementById('img3'))">нажимаем тут появиться третья</a>
</div>


Выставляем координаты или процентное соотнощение - где будут выводиться ваши картинки
<div id="img1" style="position:absolute;top:10%;left:760px;visibility:hidden">картинка первая</div>
<div id="img2" style="position:absolute;top:10%;left:760px;visibility:hidden">картинка вторая</div>
<div id="img3" style="position:absolute;top:10%;left:760px;visibility:hidden">Еще картинка</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LordNighton
LordNighton
Topic Starter сообщение 5.11.2008, 20:23; Ответить: LordNighton
Сообщение #10


Спасибо всем, друзья. Я уже сам немного допетрил, как это сделать
Кидаю код :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

<html>
<head>
<title>Фотогалерея с применением JavaScript</title>
</head>

<body bgcolor=white>

<hr>

<table align="left" border=1>
<tr>
<td>
<a href="#" onClick="document.image.src='1.jpg'"><img src="1.jpg"></a>
</td>
</tr>

<tr>
<td>
<a href="#" onClick="document.image.src='2.jpg'"><img src="2.jpg"></a>
</td>
</tr>
<tr>
<td>
<a href="#" onClick="document.image.src='3.jpg'"><img src="3.jpg"></a>
</td>
</tr>
<tr>
<td>
<a href="#" onClick="document.image.src='4.jpg'"><img src="4.jpg"></a>
</td>
</tr>
</table>

<table align="center" border=1>
<tr>
<td>
<img name="image" src="1.jpg">
</td>
</tr>
</table>


</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ukr Private Proxy 4g Lifecell, Kyivstar, Vodafone (ТЕСТ, смена по ссылке, ротация)
Продам Личные Украинские приватные мобильные прокси 4g Lifecell, Kyivs
1 Kostyaxxxx 4258 20.6.2021, 20:26
автор: Kostyaxxxx
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПолучайте 50% с каждого лида по Вашей реферальной ссылке. РА "Клиенты лучше кликов"!
3 Клиенты_лучше_кликов 1410 30.3.2021, 18:28
автор: Coffee
Открытая тема (нет новых ответов) Проставляю ссылки в Reddit с 10 upvoted по каждой ссылке
1 Tutich 1850 16.7.2020, 11:38
автор: Zhezkazganetcs
Открытая тема (нет новых ответов) Изображения с shutterstock от 15 рублей/штука
5 Mr_Big 3669 10.9.2017, 21:30
автор: Palundra
Открытая тема (нет новых ответов) Реферальная программа Мегаплана – 20% с продаж по вашей ссылке
2 Megaplan 2227 22.2.2017, 12:48
автор: Megaplan


 



RSS Текстовая версия Сейчас: 16.4.2024, 14:27
Дизайн