Изменение активной ссылки

[Sedli]

Ребята, здравствуйте.

Помогите, пожалуйста, человеку совершенно не знакомому с js. Ситуация следующая: есть центральное изображение, которое меняется при клике по ссылке. Но сама активная ссылка при этом никак не выделяется. Вот как можно убрать у нее подчеркивание?

Спасибо.

function change (a) {
document.example_img.src=a;
}
<h2 class="vvc">Text</h2>
<p><a href="javascript:change ('vvc_15.jpg')">text_1</a></p>
<p><a href="javascript:change ('vvc_30.jpg')">text_2</a></p>
<p><a href="javascript:change ('vvc_45.jpg')">text_3</a>/p>
<p><a href="javascript:change ('vvc_60.jpg')">text_4</a></p>
<div><img class="route" src="vvc_15.jpg" name="example_img" alt="text" width="952" height="391" /></div>

Edited April 15, 2013 by Sedli

[sitemaker999]

извините, конечно, но такой код будет работать только в IE. да и ошибок здесь много.

Edited April 15, 2013 by sitemaker999

[Sedli]

извините, конечно, но такой код будет работать только в IE. да и ошибок здесь много.

Спасибо. В хроме тоже работает. Может посоветуете, как лучше?

[sitemaker999]

<script type="text/javascript">
function change(a) {
document.getElementById("example_img").src=a;
}
</script>
<style type="text/css">
a.route {text-decoration: none; color: black;}
</style>
<h2 class="vvc">Text</h2>
<p><a href="javascript:change('vvc_15.jpg')">text_1</a></p>
<p><a href="javascript:change('vvc_30.jpg')">text_2</a></p>
<p><a href="javascript:change('vvc_45.jpg')">text_3</a></p>
<p><a href="javascript:change('vvc_60.jpg')">text_4</a></p>
<div><img class="route" src="vvc_15.jpg" id="example_img" alt="text" width="952" height="391" /></div>

вот так. я сижу на хроме и у меня ваш вариант не работал.

и никакого JS не надо

Edited April 16, 2013 by sitemaker999

[Sedli]

<script type="text/javascript">
function change(a) {
document.getElementById("example_img").src=a;
}
</script>
<style type="text/css">
a.route {text-decoration: none;}
</style>
<h2 class="vvc">Text</h2>
<p><a href="javascript:change('vvc_15.jpg')">text_1</a></p>
<p><a href="javascript:change('vvc_30.jpg')">text_2</a></p>
<p><a href="javascript:change('vvc_45.jpg')">text_3</a></p>
<p><a href="javascript:change('vvc_60.jpg')">text_4</a></p>
<div><img class="route" src="vvc_15.jpg" id="example_img" alt="text" width="952" height="391" /></div>

вот так. я сижу на хроме и у меня ваш вариант не работал.

и никакого JS не надо

Ну, если так правильнее. Только выбранная ссылка все равно остается активной и никак не меняется.

Edited April 15, 2013 by Sedli

[Sensei]

с помощью css http://jsfiddle.net/AScmD/1/'>http://jsfiddle.net/AScmD/1/

с помощью js http://jsfiddle.net/AScmD/

[Sedli]

с помощью css http://jsfiddle.net/AScmD/1/

с помощью js http://jsfiddle.net/AScmD/

Большое спасибо - js то, что нужно

[Sensei]

учтите только, что в ie < 10 это работать не будет.

Edited April 16, 2013 by Sensei

[Sedli]

учтите только, что в ie < 10 это работать не будет.

Понял, спасибо.

[nerv]

я сижу на хроме

а я на стуле

Edited April 18, 2013 by nerv

[sitemaker999]

я сижу на хроме

а я на стуле

:D Я имел ввиду не это :D

:D я тоже на стуле :D

Edited April 18, 2013 by sitemaker999