Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Проблема со сменой фотки (https://javascript.ru/forum/misc/13651-problema-so-smenojj-fotki.html)

nillarium 08.12.2010 07:39

Проблема со сменой фотки
 
.....

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

<style media="screen" type="text/css">#flash {visibility:visible}</style></head><body>
<div class="main index">
<div style="height: 750px;" class="anim">
<script type="text/javascript">
function over(ref) {
if (browser_ok == 'true') {
document.images[img].src = "images/izv.jpg";
}
}
</script>
<div class="slide">
</div>
</div>
<div class="menu">
<div class="mainmenu">
<ul class="lang">
<li class="ext">&nbsp;</li>
<li class="" >
<a href="http://eng.ryzhuk.com.ua/" onmousover="javascript: over();">PORTFOLIO</a>

</li>


.....
Поидее при наведении на ссылку должно появлятся картнка, но не появляется... помогите прошу... уже битый час сижу, разбираю.... не получается

Kolyaj 08.12.2010 08:29

У вас нигде не написано, что она должна появляться.

monolithed 08.12.2010 09:09

Цитата:

Сообщение от nillarium
Поидее при наведении на ссылку должно появлятся картнка, но не появляется... помогите прошу... уже битый час сижу, разбираю.... не получается

Что тут думать-то?:

<script type="text/javascript">
window.onload = function(){
    var img = document.getElementsByTagName('img')[0],
        a = document.getElementsByTagName('a')[0],
        array = ['mouseover','mouseout'],
        i = array.length;
    while(i--){
        a['on'+array[i]] = function(){
            img.style.display = img.style.display == 'none' ? '' : 'none';
            return false;
        };   
    }
};
</script>

<a href="#" style="display: block;">hi there!</a>
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" style="display: none;" alt="" />

demoniqus 08.12.2010 10:02

Во-первых в данном коде событие мыши записано с ошибкой. Во-вторых А где тег img, куда будет выводиться изображение? Можно вот так
<link rel="stylesheet" type="text/css" href="images/index.css">
 
<style media="screen" type="text/css">#flash {visibility:visible}</style></head><body>
<div class="main index">
<div style="height: 750px;" class="anim">
<script type="text/javascript">
function over() {

document.getElementById('AtoIMG').innerHTML ='<img src="img/noimage.png" border=0 />';

}
</script>
<div class="slide">
</div>
</div>
<div class="menu">
<div class="mainmenu">
<ul class="lang">
<li class="ext">&nbsp;</li>
<li class="" >
<a href="http://eng.ryzhuk.com.ua/" onmouseover="over();"  id="AtoIMG">PORTFOLIO</a>
</li>

также не уверен, что в событиях стоит писать "javascript:" - они и так настроены обрабатывать именно скрипт. А вот отменять переход по ссылке надо действительно с использованием "javascript:". Например
<a href="javascript: viod(0)" onClick="my_func()">my link</a>

В этом случае ссылка никуда не переведет и не перезагрузит страницу, а выполнится лишь функция my_func()

nillarium 08.12.2010 11:54

Спасибо , помогло

rzhsasha 08.12.2010 20:48

<a href="javascript: void(0)" onClick="my_func()">my link</a>


Часовой пояс GMT +3, время: 11:42.