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



 

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

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

Открыть тему
Тема закрыта
> Нужно чтобы текст появлялся при наведении на картинку.
antiblef
antiblef
Topic Starter сообщение 28.12.2010, 1:54; Ответить: antiblef
Сообщение #1


Здравствуйте. Ищу код, чтобы текст появлялся при наведении на картинку. Думаю легко можно реализовать через java.
Сам языка не знаю, поэтому и отрыл эту ветку.
Просто есть картинка, наводиш на неё и всплывает и появляется текст, который двигается за мышкой, пока мышка на картинке.
Буду признателен, если мне кто-нибуть поможет.
-1
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Netbloga
Netbloga
сообщение 28.12.2010, 2:02; Ответить: Netbloga
Сообщение #2


тэг Title не пробовали?


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nikson
Nikson
сообщение 28.12.2010, 2:26; Ответить: Nikson
Сообщение #3


Пропишите Title для картинки, делов то...


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jepps
Jepps
сообщение 28.12.2010, 2:49; Ответить: Jepps
Сообщение #4


antiblef, jQuery вам в помощь.


--------------------
Забанен за игнорирование обязательств по оплате труда (случай #2) и оскорбление администрации.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Honey
Honey
сообщение 28.12.2010, 3:17; Ответить: Honey
Сообщение #5


Их называют хинтами (hint), они выводят содержимое alt'ов или title'ов. В интернете этих скриптов много.
Пример.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kzn
kzn
сообщение 28.12.2010, 3:30; Ответить: kzn
Сообщение #6


всплывает и появляется текст, который двигается за мышкой

Господа, какой ещё title? facepalm.gif

Вот на JS. Нужные места откомментировал, поэтому, подогнать под себя не составит труда.
<HTML>
<HEAD>
<TITLE>Собственно скриптик...</TITLE>

<META http-equiv=Content-Type content="text/html; charset=windows-1251">

<style type="text/css">
<!--

#pup {position:absolute; visibility:hidden; z-index:200; width:130; }

//-->
</style>

</HEAD>
<BODY>

<script type="text/javascript">
<!--

var Xoffset=-60;        // позиция окошка по иксу
var Yoffset= 20;        // и соответственно по игрику
var popwidth=130;       // ширина подсказки
var bcolor="darkgray";  // цвет границы подсказки
var fcolor="black";     // цвет текста
var fface="verdana";    // шрифт

// create content box
document.write("<DIV ID='pup'></DIV>");

// id browsers
var iex=(document.all);
var nav=(document.layers);
var old=(navigator.appName=="Netscape" && !document.layers && !document.getElementById);
var n_6=(window.sidebar);

// assign object
var skin;
if(nav) skin=document.pup;
if(iex) skin=pup.style;
if(n_6) skin=document.getElementById("pup").style;

// park modifier
var yyy=-1000;

// capture pointer
if(nav)document.captureEvents(Event.MOUSEMOVE);
if(n_6) document.addEventListener("mousemove",get_mouse,true);
if(nav||iex)document.onmousemove=get_mouse;

// set dynamic coords
function get_mouse(e)
{
  var x,y;

  if(nav || n_6) x=e.pageX;
  if(iex) x=event.x+document.body.scrollLeft;
  
  if(nav || n_6) y=e.pageY;
  if(iex)
  {
    y=event.y;
    if(navigator.appVersion.indexOf("MSIE 4")==-1)
      y+=document.body.scrollTop;
  }

  if(iex || nav)
  {
    skin.top=y+yyy;
    skin.left=x+Xoffset;
  }

  if(n_6)
  {
    skin.top=(y+yyy)+"px";
    skin.left=x+Xoffset+"px";
  }    
  nudge(x);
}

// avoid edge overflow
function nudge(x)
{
  var extreme,overflow,temp;

  // right
  if(iex) extreme=(document.body.clientWidth-popwidth);
  if(n_6 || nav) extreme=(window.innerWidth-popwidth);

  if(parseInt(skin.left)>extreme)
  {
    overflow=parseInt(skin.left)-extreme;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+"px";
  }

  // left
  if(parseInt(skin.left)<1)
  {
    overflow=parseInt(skin.left)-1;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+"px";
  }
}

// write content & display
function popup(msg,bak)
{

  var content="<TABLE WIDTH='"+popwidth+"' BORDER='1' BORDERCOLOR="+bcolor+" CELLPADDING=2 CELLSPACING=0 "+"BGCOLOR="+bak+"><TD ALIGN='center'><FONT COLOR="+fcolor+" FACE="+fface+" SIZE='2'>"+msg+"</FONT></TD></TABLE>";

  if(old)
  {
    alert(msg);
    return;
  }
  
  yyy=Yoffset;
  skin.width=popwidth;

  if(nav)
  {
    skin.document.open();
    skin.document.write(content);
    skin.document.close();
    skin.visibility="visible";
  }

  if(iex)
  {        
    pup.innerHTML=content;
    skin.visibility="visible";
  }  

  if(n_6)
  {  
    document.getElementById("pup").innerHTML=content;
    skin.visibility="visible";
  }
}


// park content box
function kill()
{
  if(!old)
  {
    yyy=-1000;
    skin.visibility="hidden";
    skin.width=0;
  }
}

//-->
</script>

<!-- Ну а теперь переходим от странныъ закарючек JavaScript к простому и привычному =============================================================-->


<!-- вместо lilguys.gif прописываете свою картинку ===============================-->
<IMG height=123 alt="" src="lilguys.gif" width=167 useMap=#lilguys border=0>
<MAP name=lilguys>
<!-- magenta - это цвет фона, в данном случае розовый(пурпурный). Прописываете нужный =======-->
<AREA onmouseover="popup('Текст всплывающего окошка','magenta')" onmouseout=kill() shape=RECT coords=0,0,123,167 href="java script://">
<!-- coords=0,0,123,167 - это координаты откуда до куда будет показываться подсказка. Как можно догадаться,
сделать таких подсказок можно неограниченное количество, копируя и вставляя одно и то же, не забывая заменить координаты, текст и цвет.
================================================================================
==-->
</MAP>

</BODY></HTML>


Сообщение отредактировал kzn - 28.12.2010, 3:31


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Fiamma
Fiamma
сообщение 30.12.2010, 1:17; Ответить: Fiamma
Сообщение #7


Может просто alt картинке прописать, а потом CSS заюзать... И будет все удобно, красиво и без лишнего кода.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
antiblef
antiblef
Topic Starter сообщение 3.1.2011, 0:13; Ответить: antiblef
Сообщение #8


(Fiamma @ 30.12.2010, 0:17) *
Может просто alt картинке прописать, а потом CSS заюзать... И будет все удобно, красиво и без лишнего кода.

А что в css писать, чтобы все было красиво и удобно?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 3.1.2011, 0:23; Ответить: rjksdfhe
Сообщение #9


antiblef, title прописать картинке/блоку. Это самое простое для вас.
А на счёт красиво и удобно только через обращение к программистам JS.
Сами вы это не осилите, вижу уже.

Сообщение отредактировал rjksdfhe - 3.1.2011, 0:24
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
wagan
wagan
сообщение 3.1.2011, 0:38; Ответить: wagan
Сообщение #10


Поковыряйте здесь efimov.ws сайт не мой, есть интересные jQuery плагины

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1351 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Apple пойдет на сотрудничество с конкурентами, чтобы выбиться в лидеры с ИИ
3 Room 975 22.3.2024, 21:04
автор: Rebex
Открытая тема (нет новых ответов) Можно ли в старый SEO текст вместо старого домена поставить новый?
3 Tutich 1146 22.3.2024, 14:47
автор: Tutich
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) Как составить уравнение, чтобы назначить цену для товара?
2 rownong27 711 21.3.2024, 12:53
автор: Lumex


 



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