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


но в эксплорере вообще нечего не происходит, а фаерхокс растягивает картинку только по ширине. Хотелось бы вообще сварганить чтото похожее на http://www.zomzom.ru/web/menu.html - когда выбераеш закладку отображается список картинок, при наведении на них мышью получается нужный еффект, только вот я не смог корректно перенести код на отображение одной картинки((

Это сообщение отредактировал(а) Qwesa - 10.1.2008, 14:12

вы отсюда (http://www.cssplay.co.uk/menu/lightbox3) брали пример, я верно заметил?
а пути к картинкам проверить не пытались?

Да совершенно верно от туда. Но насчет путей я не совсем понял, если имеется в виду посмотреть какими параметрами реализуется эта фишка, то я не настолько разбираюсь в CSS, в примере который я привел довольно много параметров, я поэтому и спрашиваю что сам не могу понять код стиля. Может ктото знает как эта вещь реализуется, или просто взглянув на код понимает от куда там ноги растут.

в коде, который вы скопировали, есть пути до картинок галереи:
например:

вот про эти картинки я и говорю

чет я не понял  , а причем тут пути к картинкам, зачем? мне нужно разобраться, за счет каких параметров обеспечивается такой эффект как в галереи http://www.zomzom.ru/web/menu.html, если б нужно было большую пачку ркартинок так сделать то яб просто немного подправил бы эту галерею да вставил на свою страницу((, но мне нужно сделать такой эффект на одну картинку, а для этого нужно знать какие именно параметры в стилях реализуют этот эффект.

изначально, при наведении на закладку (Portraits, Landscapes, Birds), картинки описываются таким образом:

затем, при наведение на картинку, увелечение описывается так:

я вот скомпилировал документик и попробовал из него методом исключения- чтото убрать.   



теперь не могу определить как все это применить к одной картинки. Примерно принцип работы я понял. Картинка в списке с Z индексом 10 отображается определенных размеров, а при наведении на нее мышкой она отображается с индексом 5, реальных размеров в определенном месте, и получается поверх фона контейнера (ul) и самой маленькой картинки. Но всеже чтото я не могу разобраться. (сори за большой код))


Да и в общем мне не нужно такой навороченный фотоальбом, все что нужно это чтоб при наведении на одну картинку, отображался ее увеличенный вариант, и нет необходимости чтоб она открывалась в увеличенном варианте. Это что-то вроде увеличительного стекла, просто для более подробного ознакомления. Вот еще один вариант кода, куда проще:


но он работает только в фаерфоксе((

Это сообщение отредактировал(а) Qwesa - 12.1.2008, 02:04

В Опере тоже. А вот в IE - увы, облом, он понимает псевдокласс :hover только для ссылок. Если обернуть картинки в ссылки и пару раз стукнуть в бубен (разработчикам IE ;), должно заработать везде:

Да действительно работает в ескпе с переоформлением рисунка на ссылку))

Способ довольно простой и эффективный, но тут работает процесс увеличения картинки, а при этом если она вставлена в таблицу, то при увеличении начинает скакать размер таблицы. Вот поэтому я и хотел бы сделать чтоб картинка не просто увеличивалась а отображалась поверх но уже реального размера, как это сделано в фотоальбоме приведенном выше((

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

Qwesa посмотри эту ссылку пример а это если надо Ссылка на скачку.

Возник такой вопрос: на странице идет перечисление картинок, можно ли (через hover) только посредствам CSS сделать следующее - при наведении мыши на маленький эскиз картинки, чтоб в каком то месте страницы(рядом) отражался (показывался) вариант картинки в реальных размерах, а при убирании мыши с эскиза, большой вариант исчезал. И к примеру если страница состоит из таблицы с массой ячеек, вожможно ли реализовать чтоб этот большой рисунок отображался по верх всех ячеек, поверх всей содержащийся в них информации?

(примечание - как сделать подобное через яву я знаю) прошу подсказать только что касается CSS

В принципе можно - в каждую ячейку вложить ссылку с display:block; position: relative; и размером с ячейку, в нее, кроме картинки, вложить пустой span с опред. id, и добавить что-то вроде

Если размеры у всех картинок одинаковы, их можно перенести в общую часть (строка 3), иначе придется прописывать их для каждого span'а, как и пути к картинкам. И еще, для IE может потребоваться это лекарство, чтобы большие картинки кешировались...