Выделение изображения (полностью или рамки) при переходе на страницу
Здравствуйте!
Я новичок в сайтостроении, потому прошу у гуру JavaScript'а помощи. С форума по Html меня перенаправили на JS. Задача у меня такая - есть страничка с изображениями, каждое помечено закладкой. При переходе по линку типа www.mysite.net/home.html#zap1 я попадаю прямиком на нужное изображение. Подскажите, как сделать так, чтобы при данном переходе, целевая картинка выделялась (красная рамка вокруг картинки, например)? :-? |
scpooch,
Не нашел по ссылке нужный элемент(изо или ссылку) с name = zap1 или id = zap1 |
Это было в качестве примера.
Вот код примера: <td> <a href="http://www.mysite.net/zap1.html"> <div id="zap1"><img src="images/zap1.gif" width="200" height="200" border="0" alt=""></div></a> </td> |
Тестовым скриптом перейдем по ссылке ...#zap1, затем через пару секунд по ссылке ...#zap2
Скрипт не нужен - выкидываем - только сss
<!DOCTYPE HTML>
<html>
<head>
<style>
a[href*="mysite.net"] div[id]:target > img{
border:red solid 2px;
}
</style>
</head>
<body>
<a href="http://www.mysite.net/zap1.html" onclick="return false">
<div id="zap1"><img src="http://s3.uploads.ru/t/hPYlr.png" width="200" height="200" border="0" alt=""></div></a>
<a href="http://www.mysite.net/zap1.html" onclick="return false">
<div id="zap2"><img src="http://s3.uploads.ru/t/hPYlr.png" width="200" height="200" border="0" alt=""></div></a>
</body>
</html>
<!--Cкрипт для теста - на сайте не нужен! -->
<script type="text/javascript">
setTimeout(" location.hash ='zap1' ",2000);
setTimeout(" location.hash ='zap2' ",4000)
</script>
mysite.net - адрес домена используемых ссылок обрамления |
Deff,
Попробовал с вашим кодом - ничего не изменилось. Выделение не работает. :( |
scpooch,
:) Какой браузер ? Должно работать во всех этих http://s2.uploads.ru/NaOpr.png Код пробуйте прямо в топике (Жмите посмотреть Поправил - вставил картинки |
Deff,
пробовал на свежих Firefox и Opera. |
Цитата:
Firefox => http://s2.uploads.ru/DWLEi.png |
Спросите в Аське - кого-нидь еще(Пусть посмотрят пример
Этот код работает?
alert('Привет')
|
Deff,
Может быть, я накосячил при вставке кода? Если изображения находятся по адресу www.mysite.net/gallery/home.html#zap1 - это влияет на адрес в a[href*="mysite.net"]? Я пример тогда упростил, вдруг из-за этого не работает? Тут оба кода работают. У меня на сайте - нет.. |
| Часовой пояс GMT +3, время: 03:24. |