Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Cсылка открывает окно для просмотра в нужном месте

Обсуждение темы Cсылка открывает окно для просмотра в нужном месте в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Прошу совет: - "Как на сайте сделать так, что бы при наведении мыши на ссылку, ссылка открывалась (пока держиш на ссылке мыш) в ...


Закрытая тема
 
Опции темы
Старый 26.05.2010, 17:34   #1
Прошу совет:
- "Как на сайте сделать так, что бы при наведении мыши на ссылку, ссылка открывалась (пока держиш на ссылке мыш) в нужной части страницы и определенного формата"? То есть, открывала своего рода окно (в котором расположен к примеру файл типа "JPEG") на странице но пока ты не убереш с этой ссылки курсор мыши.
Спасибо!
 
Старый 26.05.2010, 17:34
Ссылки
Старый 26.05.2010, 20:24   #2
Вы хотели сказать, что вам нужен AJAX тултип?
Ну например этот: http://codylindley.com/blogstuff/js/jtip/
 
Старый 27.05.2010, 13:34   #3
Ну можно сделать самому, начать с просто хавер эффекта
Код HTML:
$("a").hover(
  function () {
    $(this).find("span").show();
  }, 
  function () {
    $(this).find("span").hide();
  }
);
Соответственно ссылке пишем position: relative, а элементу внутри position: absolute; и display: none; + настраиваем его положение.
Код HTML:
<style>
a {position: relative;}
span {position: absolute; right: -70px; top: 0; width: 180px; display: none;}
</style>

<a href="#" class="link">Link<span><img src="images.png" width="60" height="60" alt="image" /></span></a>
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
СергейП (27.05.2010)
Старый 27.05.2010, 16:19   #4
Цитата:
Сообщение от Асмодиан Посмотреть сообщение
Вы хотели сказать, что вам нужен AJAX тултип?
Ну например этот: http://codylindley.com/blogstuff/js/jtip/
Нет немного не так, потому что, сдесь (по ссылке) окно открывается то справа, то с лева и наверное нет поддержки файлов JPEG. А нужно что бы окно открывалось в одном месте и там где задумано + возможность показа файлов (разных картинок).

Добавлено через 3 минуты

Цитата:
Сообщение от Niemans Посмотреть сообщение
Ну можно сделать самому, начать с просто хавер эффекта
Код HTML:
$("a").hover(
  function () {
    $(this).find("span").show();
  }, 
  function () {
    $(this).find("span").hide();
  }
);
Соответственно ссылке пишем position: relative, а элементу внутри position: absolute; и display: none; + настраиваем его положение.
Код HTML:
<style>
a {position: relative;}
span {position: absolute; right: -70px; top: 0; width: 180px; display: none;}
</style>

<a href="#" class="link">Link<span><img src="images.png" width="60" height="60" alt="image" /></span></a>
Апасибо! Будем пробовать.

Последний раз редактировалось СергейП; 27.05.2010 в 16:19.. Причина: Добавлено сообщение
 
Старый 19.07.2010, 14:12   #5
Цитата:
Сообщение от СергейП Посмотреть сообщение
Нет немного не так, потому что, сдесь (по ссылке) окно открывается то справа, то с лева и наверное нет поддержки файлов JPEG. А нужно что бы окно открывалось в одном месте и там где задумано + возможность показа файлов (разных картинок).

Добавлено через 3 минуты


Спасибо! Будем пробовать.
Попробовал. Как не старался не менял данные в коде - не чего не выходит. Вообще, не хочет работать этот код. Наверное, не так делал что - то. Просьба поясните подробнее, какие переменные (например: JPEG, размер в пикселях и другие (не маловажные переменные) необходимые для работы кода (скрипта в целом) - какие и куда вставлять (вместо которых).
Например: <style>
a {position: relative;}
span {position: absolute; right: -70px; top: 0; width: 180px; display: none;}
</style>
нужно поменять absolute на рисунок в JPEG.
Размеры рисунка делаются изменением right и width

Прошу прощения - что не смог обратиться ранее (был очень занят всякой ерундой)!
Спасибо.
 
Старый 19.07.2010, 14:12
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как сконцентрировать внимание посетителя в нужном месте syegorius Зал дебютантов 12 08.09.2014 13:18
дизайн сайт для онлайн просмотра фильмов Strymba89 Зал мастеров 5 23.10.2013 15:53
Не открывает php sokol666 Кальянная 2 25.09.2009 09:55
Не открывает расширение .doc операция_"кря" Вопросы по SEO 6 14.03.2008 15:35
Прога для просмотра шрифтов tim Зал дебютантов 5 30.05.2004 17:15


Текущее время: 19:32. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум