Кто нибудь в курсе?_?...

вторник, 16 ноября 2010

13:05

все записи пользователя в сообществе Saibou

Если у вас есть враг, то сядьте на берегу реки и дождитесь, пока его труп не проплывет мимо вас.

Нужен скрипт, позволюющий при нажатии на ссылку выводить на странице соответствующую картинку или текст.
На примере: куча маленьких изображений автобусов разных моделей, при нажатии на которые в соотв. ячейке будет выводится картинка(увеличенное изображение) и текст (спецификация модели)

Не встречали такого?_? С меня - тонны благодарности!..

URL

Ето штуки тоже занятные, так как периодически разговарива... http://thecraftstudio.com/bcboy/keyboard.html Я, наверн... Давеча отведал полную экзотику, то есть совершенных гадов...

Шестнадцатилетний Дима выглядит очень серьезно и сосредот... Начнем с городского. Автобусы здесь водятся двух видов,... Вещь тоже весьма специфическая, но есть. Местное населени...

Комментарии

16.11.2010 в 14:42

Gabriel <Lee> Lark

Что будет стоить тысячи слов Когда важна будет крепость руки// Заходите в Античность - там есть C21H26O2

Делал для колледжа проект. Правда в ДВ от Макромедии, так что могут быть поправки.
Варианты: или загнать текст в картинку как ее часть, или делать ссылку, которая просто открывает новое окно определенного размера.
Код конкретно клика на превью:

<img src="images/kartinko.jpg" width="101" height="217" onClick="MM_openBrWindow('images/kartinko.jpg','darkness','width=303,height=650')">

Как-то так.

URL

16.11.2010 в 17:14

smituk

можно так сделать:

<html>
<head>
<sсript language="javasсript">
  function ff(srcI)
  {
    document.getElementById('previewer').innerHTML = "<a href='javasсript:cc();'>Close</a><br/><img height='20%' src='"+srcI+"' />"; // вставляем картинку и кнопочку закрыть
    document.getElementById('previewer').style.position='absolute'; // абсолютное позиционирование
    document.getElementById('previewer').top = "30%";  // ставим по вертикали
    document.getElementById('previewer').left = "30%";  // по горизонтали
    document.getElementById('previewer').style.padding = "5px";  // отступ
    document.getElementById('previewer').style.border = "1px #069 solid";  //граница
    document.getElementById('previewer').style.display = "block";  // показываем
  }
  function ff(srcI)
  {
    document.getElementById('previewer').style.display = "none";  // скрываем
  }
</sсriрt>
</head>
<body>
  <div id="previewer" style="display:none"></div> // сюда будем помещать картинку
  <a href='javasсript: ff("images/kartinko.jpg");'>Картинка</a> // сюда будем кликать
</body>
</html>

типа такого

используйте лучше jQuery и плагины к нему!
напримере вот этой красоты

URL

16.11.2010 в 19:55

Saibou

Если у вас есть враг, то сядьте на берегу реки и дождитесь, пока его труп не проплывет мимо вас.

Gabriel <Lee> Lark Не работает... Как там про окно конкретнее указать?_?

smituk Замечательные примеры! Очень красиво сделано.. ** Но мне не совсем подходит. Вот точно, что мне нужно:

s59.radikal.ru/i164/1011/88/4cf6d9f8770b.jpg

При клике на мини-версию отображается в большой ячейке полное изображение.

Такое вобще возможно?_?

URL

16.11.2010 в 20:40

Gabriel <Lee> Lark

Что будет стоить тысячи слов Когда важна будет крепость руки// Заходите в Античность - там есть C21H26O2

Saibou
onClick="MM_openBrWindow('images/kartinko.jpg','darkness','width=303,height=650')" <- в этой конкретной строчке как раз и написано:
onClick="MM_openBrWindow - по клику мышки открывается новое браузерное окно.
'images/kartinko.jpg' - это ссылка на картинку. Точнее, в этом месте именно она и должна быть. Причем в полноразмерном своем виде.
'darkness' - это название картинки для тех, у кого браузер не отображает изображения.
'width=303,height=650' - это размеры _нового_ окна, открываемого по клику мышки. Если вам требуются другие размеры - меняете цифры.

А в этой строчке:
img src="images/kartinko.jpg" width="101" height="217" - указывается ссылка и размеры превьюшки.

Единственное, если вы работаете в одной из новых Адобовских версий, то сами команды могут слегка отличаться. Но это можно проверить, начав печатать - там же сразу начинает выбегать окошко с вариантами команд.

И вообще: веб-дизайн только кажется простым... к сожалению...

URL

16.11.2010 в 20:43

Saibou

Если у вас есть враг, то сядьте на берегу реки и дождитесь, пока его труп не проплывет мимо вас.

Я все правильно понял... Значит, у меня не работает по какой-либо другой причине. х)
Но все равно большое спасибо!

URL

16.11.2010 в 20:54

Gabriel <Lee> Lark

Что будет стоить тысячи слов Когда важна будет крепость руки// Заходите в Античность - там есть C21H26O2

Saibou
Вы в какой программе делаете?

Попробуйте проверить варианты команд onClick и MM_openBrWindow. Думаю, именно они могут быть разными. Но это либо в хэлпе либо как-то иначе проверять.

URL

17.11.2010 в 03:09

smituk

Предполагаю, что "MM_openBrWindow" это какая то прослойка для window.open(), но судя по картинке

тогда ещё проще, нужно сделать так:

<html>
<head>
<sсript language="javasсript">
  var bigId = "BIG"; //здесь айдишниик элемента, в который вставим большую картинку
  function ff(srcI)
  {
    document.getElementById('previewer').innerHTML = "<img height='40%' src='"+srcI+"' />"; // вставляем картинку
  }
</sсriрt>
</head>
<body>
  <div id="BIG"></div> 
  <br/><br/>
  <img height="10%" src='images/kartinko.jpg' onClick='ff("images/kartinko1.jpg");' /> 
  <img height="10%" src='images/kartinko.jpg' onClick='ff("images/kartinko2.jpg");' /> 
</body>
</html>

что бы по умолчанию стояла первая картинка, в

нужно вставить её, сделать это можно следующим образом:

<div id="BIG"><img height='40%' src='images/kartinko1.jpg' /></div>

URL

17.11.2010 в 03:12

smituk

поправочка кода:

<html>
<head>
<sсript language="javasсript">
  var bigId = "BIG"; //здесь айдишниик элемента, в который вставим большую картинку
  function ff(srcI)
  {
    document.getElementById(bigId).innerHTML = "<img height='40%' src='"+srcI+"' />"; // вставляем картинку
  }
</sсriрt>
</head>
<body>
  <div id="BIG"><img height='40%' src='images/kartinko1.jpg' /></div> //элемент в который запихнём большую картинку
  <br/><br/>
  <img height="10%" src='images/kartinko.jpg' onClick='ff("images/kartinko1.jpg");' /> 
  <img height="10%" src='images/kartinko.jpg' onClick='ff("images/kartinko2.jpg");' /> 
</body>
</html>

URL

17.11.2010 в 10:29

Gabriel <Lee> Lark

Что будет стоить тысячи слов Когда важна будет крепость руки// Заходите в Античность - там есть C21H26O2

smituk
Как я уже говорил, это из проекта сделанного в макромедиевском ДВ. А Макромедию вроде как уже года 3 как съел Адобе... Так что коды могут местами быть несколько иными.

URL


Запомнить

Кто нибудь в курсе?_?...

Сундук WEB-дизайнера