Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Помогите с увеличением картинки

#1 usk

usk
  • Пользователь
  • 11 сообщений
  • Репутация: 0
0

Отправлено 29 Май 2009 - 16:36

Здравствуйте. У меня такой вопрос.
У меня такой вопрос.
Хочу сделать это: при нажатии на картинку, картинка увеличилась, т.е. в полном размере. Чтобы открывалась как-бы в новой окошке/

Кто-нибудь подскажите...

 

 

  • 0

#2 v1ex

v1ex
  • Пользователь
  • 225 сообщений
  • Репутация: 0

Отправлено 29 Май 2009 - 16:46

<a href="путь_к_изображению" title="изображение" target="_blank"><img src="путь_к_миниатюре" alt="Изображение" /></a>

  • 0

#3 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 30 Май 2009 - 02:22

v1ex, +1
  • 0

#4 Евгений

Евгений
  • Пользователь
  • 481 сообщений
  • Репутация: 0

Отправлено 31 Май 2009 - 00:00

usk, юзай вот это http://highslide.com/
если эта галерея не понравится, то вот тут http://absolvo.ru/20...x-i-js-galerej/ можешь посмотреть обзор других.
  • 0

#5 TuxoH

TuxoH
  • Пользователь
  • 28 сообщений
  • Репутация: 0

Отправлено 31 Июль 2009 - 11:18

Попробовал поюзать highslide вроде всё верно ставлю, но изображение почему то не хочет открываться, потом попробывал поюзать lightbox2.04 тоже самое всё верно ставлю как в мануале, но не тянет ;) может подскажите что не так ?


  • 0

#6 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 31 Июль 2009 - 12:24

Должно получиться, примерно, такое

<html>
<head>
<title>Example</title>
<script type="text/javascript" src="highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
</script>
</head>
<body>
<a id="thumb1" href="big_pic1.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="small_pic1.jpg" alt="Highslide JS"
title="Click to enlarge" height="216" width="160" /></a><br /><br />
<a id="thumb2" href="big_pic2.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="small_pic2.jpg" alt="Highslide JS"
title="Click to enlarge" height="220" width="160" /></a><br /><br />
<a id="thumb3" href="big_pic3.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="small_pic3.jpg" alt="Highslide JS"
title="Click to enlarge" height="226" width="160" /></a><br /><br />
</body>
</html>
Следует обратить внимание, чтобы у вас в соответствующих местах лежали файлы highslide.js, highslide.css и папка graphics (берутся из архива highslide-4.1.5.zip, скачать который можно на страничке http://highslide.com/download.php),
в моем примере подразумевается, что в текущем каталоге лежит папка highslide, а в ней находятся highslide.js, highslide.css и graphics.
  • 0

#7 TuxoH

TuxoH
  • Пользователь
  • 28 сообщений
  • Репутация: 0

Отправлено 31 Июль 2009 - 12:41

А вот как поступить если, у меня есть уже css файл и там уже есть стили, можно ли скопировать стили из highslide.css и добавить в мой файл ?
  • 0

#8 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 31 Июль 2009 - 12:43

TuxoH,
просто будут 2 файла со стилями вызываться - ваш и highslide.css :

<link rel="stylesheet" type="text/css" href="/my_styles.css" />
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru