Привет, проблема е че сложих джаваскрипт на сайта си за да може когато с мишката се мине върху линк да изскача картинка. Браузерите IE и OPERA зареждат всичко без проблем, но в МОДЗИЛА забиват изображенията и не се показват. Къде е проблема, в моя скрипт или в самия браузер?

Привет, проблема е че сложих джаваскрипт на сайта си за да може когато с мишката се мине върху линк да изскача картинка. Браузерите IE и OPERA зареждат всичко без проблем, но в МОДЗИЛА забиват изображенията и не се показват. Къде е проблема, в моя скрипт или в самия браузер?

Почти сигурно в твоя скрипт. Едва ли си открил бъг.

Firefox между другото има много полезна Error console в Tools - точно за такива ситуации.

цък - нещо такова ли ?

Ето това е:

http://www.walterzorn.com/tooltip/tooltip_e.htm

В смисъл......искам да отстраня това нещо при всички браузери за да няма проблем когато го отварят други потребители.

Редактирано 16 октомври 200916 г. от vito.genovese (преглед на промените)

Ето това е:

http://www.walterzorn.com/tooltip/tooltip_e.htm

В смисъл......искам да отстраня това нещо при всички браузери за да няма проблем когато го отварят други потребители.

В този скрипт няма грешки. Работи и под Firefox.

Добре тогава къде е проблема? Ако сакаш да ти дам сайта да разгледаш ?

Добре тогава къде е проблема? Ако сакаш да ти дам сайта да разгледаш ?

Дай го

http://nojove.eu/knives.html

http://nojove.eu/knives.html

При мен работи. Малко забавено, но работи.

При мен не работи Кен, ФФ 3.53, само част от някаква рамка изкарва. Възможно е и някой от блокерите ми (като noscript) да бърка нещата. Два варианта с css мярнах в уебата. Това е първият и по-прост и малко сякаш не отговаря на търсенето на автора - цък - примера с една, две и повече рибки. И вторият - цък - обърни внимание vito.genovese на ефекта когато минеш с мишката над думичка като sushi, виж сорса на страницата и ще имаш вариант за ефект над текст и над малка картинка тип нокътче:

 


<style type="text/css">


.thumbnail{

position: relative;

z-index: 0;

}


.thumbnail:hover{

background-color: transparent;

z-index: 50;

}


.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;

color: black;

text-decoration: none;

}


.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}


.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: 60px; /*position where enlarged image should offset horizontally */


}

И самият текст със сушито е:

<p>One of my favorite foods is <a class="thumbnail" href="#thumb">sushi<span><img src="[url="http://www.dynamicdrive.com/cssexamples/media/sushi2.jpg"]http://www.dynamicdrive.com/cssexamples/media/sushi2.jpg[/url]" />

Doesn't this look good?</span></a>, and it's good for you too! Coffee and sushi probably don't mix well, but I like some <a class="thumbnail" href="#thumb">Zoka Coffee<span><img src="[url="http://www.dynamicdrive.com/cssexamples/media/zoka.gif"]http://www.dynamicdrive.com/cssexamples/media/zoka.gif[/url]" />

Zoka Coffee</span></a> to boot! Here are some thumbnails from my trip to La la land:</p>

По същия начин може да се види и кода с картинките (тъмбнейлите). С джаваскрипт не намерих решение за всички браузъри

При мен не работи Кен, ФФ 3.53, само част от някаква рамка изкарва. Възможно е и някой от блокерите ми (като noscript) да бърка нещата. Два варианта с css мярнах в уебата. Това е първият и по-прост и малко сякаш не отговаря на търсенето на автора - цък - примера с една, две и повече рибки. И вторият - цък - обърни внимание vito.genovese на ефекта когато минеш с мишката над думичка като sushi, виж сорса на страницата и ще имаш вариант за ефект над текст и над малка картинка тип нокътче:

И аз съм същия браузър. При първо минаване с мишката излиза само рамка, при второ - картинката.

Ето това е:

http://www.walterzor...p/tooltip_e.htm

В смисъл......искам да отстраня това нещо при всички браузери за да няма проблем когато го отварят други потребители.

Трябва да се включат два файла в хедъра за да работят тези бибилиотеки. Замундата например е направена с тях. ето кои:

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

<script src="[url="http://img2.######/js/wz_tooltip.js"]http://img2.######/js/wz_tooltip.js"></script>[/code[/url]]


И малко примерче:


[code]<td align=left><a href="details.php?id=192726&amp;hit=1" onmouseover="Tip('<table cellspacing=0 cellpadding=2><td style=\'border: 1px #FFFFFF solid; background: #FFFFFF; color: #000000;\'><img src=http://img2.######/posters/0b48c24586323d3c07bcde6277166520.jpg width=90></td></table>')" onmouseout="UnTip();"><b>God Of War 2 (2007)</b></a>

Самата библиотека е на адрес - цък Успех

Едит: Нещо ми се цака поста от кавичките

Едит2: Писна ми от тая бъглива форма, ясно е какво трябва да се направи, нали

Редактирано 18 октомври 200916 г. от kmvasilev (преглед на промените)

Да, при първо минаване с мишката излиза само рамка, при второ - картинката.

http://95.43.147.166/shop/knives.html - разгледайте ZOKA COFFEE линка и след това цъкнете върху него. След като ви зареди страница там някаква, дайте бутона back на браузера ви и вижте гадните черти които остават

Редактирано 19 октомври 200916 г. от vito.genovese (преглед на промените)

Да, при първо минаване с мишката излиза само рамка, при второ - картинката.

http://95.43.147.166/shop/knives.html - разгледайте ZOKA COFFEE линка и след това цъкнете върху него. След като ви зареди страница там някаква, дайте бутона back на браузера ви и вижте гадните черти които остават

Първо няма такова нещо ZOKA bla-bla.

Второ - за какви гадни черти говориш ? Ако е рамката около линка, това си е от браузърите.

Не,след като натисна върху линка , към който съм сложил картинка и дам назад излизат някакви линии