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

Картинка под текстовой ссылкой

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


Закрытая тема
 
Опции темы
Старый 14.09.2010, 17:59   #1
Помогите сделать так, чтобы когда наводишь на ссылку, за ней появляется картинка.
примерно как на http://news.rambler.ru/

заранее благодарю!

Последний раз редактировалось kost; 14.09.2010 в 21:20..
 
Старый 14.09.2010, 17:59
Ссылки
Старый 14.09.2010, 21:21   #2
Где именно на http://news.rambler.ru/?

Которые с синим фоном в левом верхнем блоке?
 
Старый 14.09.2010, 21:30   #3
Ну если вы имеите в виду ЭТО то там какой-то java script!
Какой? Ну надо поискать
 
Старый 15.09.2010, 09:42   #4
nash2711, Вы же уже задавали этот вопрос в теме "Очень нужна помощь с JS"
Или вы про другое спрашиваете. Уточните, о какой ссылке речь.
 
Старый 15.09.2010, 10:30   #5
Макс-Текс, да я уже обращался по поводу этого скрипта!! но тут другая незадача : на главной скрипт работает , а вот на второстепенных почему-то нет, ковырял ковырял нечего не выходит! вот собственно скрипт и ссылка на сайт http://g-d-t.ru/catalog/road/11/

<script type="text/javascript">

var podimg1=["/public/i/1.jpg", 23, 2, 0]
var podimg2=["/public/i/2.jpg", 23, 4, 0]
var podimg3=["/public/i/3.jpg", 23, 4, 0]
var podimg4=["/public/i/4.jpg", 23, 2, 0]
var podimg5=["/public/i/5.jpg", 23, 4, 0]


var classnameRE=/(^|\s+)ddbullet2($|\s+)/i //regular expression to screen for classname within element
function caloffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function displaybullet(linkobj){
var reltovar=window[linkobj.getAttribute("rel")]----- что тут может быть не так?
bulletobj.setAttribute("src", reltovar[0])
bulletobj.style.left=caloffset(linkobj, "left")-reltovar[1]-reltovar[2]+"px"
bulletobj.style.top=caloffset(linkobj, "top")-reltovar[3]+"px"
bulletobj.style.visibility="visible"
}

function modifylinks(){
bulletobj=document.createElement("img")
bulletobj.setAttribute("id", "bulletimage")
bulletobj.className="bulletimagestyle"

document.body.appendChild(bulletobj)
for (i=0; i<document.links.length; i++){
if (typeof document.links[i].className=="string" && document.links[i].className.search(classnameRE)!=-1){
document.links[i].onmouseover=function(){displaybullet(this)}
document.links[i].onmouseout=function(){bulletobj.style.visibility= "visible"}
displaybullet(document.getElementById('lab0'));
document.getElementById('lab0').style.color='#ffff ff';
}
}
}
if (window.addEventListener)
window.addEventListener("load", modifylinks, false)
else if (window.attachEvent)
window.attachEvent("onload", modifylinks)
else if (document.getElementById || document.all)
window.onload=modifylinks
</script>

браузер Ругается вот на эту строку
var reltovar=window[linkobj.getAttribute("rel")]
 
Старый 15.09.2010, 11:35   #6
На главной странице аналогичный JS код находится в отдельном файле link0000.js, а на второстепенной в файле HTML кода и JS, вероятно, выполняется раньше формирования страницы, когда REL'ов еще нет.
Поэтому ошибка.
 
Старый 15.09.2010, 11:35
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отправка формы ссылкой RomanSX HTML, CSS, JavaScript 4 26.07.2008 09:50
Помогите со ссылкой uncleshnuk HTML, CSS, JavaScript 4 10.09.2007 19:59
иконка перед ссылкой _bender_ HTML, CSS, JavaScript 4 10.10.2005 14:11
Сайт текстовой сети AdvAir нуждается AdvAir Кальянная 5 09.07.2004 21:21
Как сделать ячейку таблицы ссылкой?... Silver HTML, CSS, JavaScript 0 06.07.2003 12:35


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

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