Skocz do zawartości

zamiana obrazkow

pitmod

Przez pitmod
w HTML, PHP, mySQL, JavaScript

 Udostępnij

Rekomendowane odpowiedzi

pitmod Chicken

pitmod

Opublikowano
Opublikowano

Mam nastepujacy problem. Chialbym stworzyc skrypt w ktorym: nastepuje zmiana obrazka przy kliknieciu na nim (bez przeladowania calej strony). Napisalem cos takiego:

 

<script language="JavaScript">

<!--

 

function wlwy(nazwa_obrazka) {

 

if (document[nazwa_obrazka].src == eval("glosnikOff.png")) {

document[nazwa_obrazka].src = eval("glosnikOn.png");

}

else {

document[nazwa_obrazka].src = eval("glosnikOff.png");

}

 

}

-->

</script>

 

i wywolanie:

 

<a href="str-glowna.html" target="obi" onClick="wlwy(glosnik)"

 

 

<img id="glosnik" name="glosnik" border="0" src="glosnikOff.png" /> </a>

 

ale to nie dziala. Czy ktos wie jak to zrobic?

Odnośnik do komentarza
Udostępnij na innych stronach
Tymon Madman

Tymon

Opublikowano
Opublikowano

Prosty przykład:

<html>
    <head>
    <script type="text/javascript" language="JavaScript">
    function imgSet( i, e )
    {
         var id;
         id = document.getElementById( e );
         if( id )
              id.src = i;
    } 
    </script>
    </head>
    <body>
         <div id="main">
         <a href="java script:imgSet( '01.png', 'preview' );">Click 1</a>
         <a href="java script:imgSet( '02.png', 'preview' );">Click 2</a>
         <img id="preview" src="">
    </body>
</html>

I jakiś preloader by się może przydał.

 

I mała uwaga. Forum blokuje napis javascript - dodaje spacje jak widać, trzeba ją wywalić.

Odnośnik do komentarza
Udostępnij na innych stronach
pitmod Chicken

pitmod

Opublikowano
  • Autor
Opublikowano

Tymon w tym skrypcie co napisales moge zmieniac obrazki naciskajac na odnosniki Click1 i Click2.

Chodzilo mi o to zeby naciskajac na sam obrazek on sie zmienial. (np naciskam ikonke glosnika: raz jest wlaczony a raz wylaczony). Da sie to jakos zrobic?

Odnośnik do komentarza
Udostępnij na innych stronach
pitmod Chicken

pitmod

Opublikowano
  • Autor
Opublikowano

niestety Tymon ten skrypt nie dziala:( sprobowalem inaczej:

 

<html>

<head>

<title>Last2</title>

 

 

<script language="JavaScript">

<!--

 

function wlwy(e) {

 

var id;

id = document.getElementById( e );

 

if (id.src == "glosnikOff.png") {

id.src = "glosnikOn.png";

}

else {

id.src = "glosnikOff.png";

}

 

}

 

-->

</script>

 

</head>

 

<body bgcolor=#000000>

 

<img id="glosnik" border="0" src="glosnikOff.png" onClick="wlwy('glosnik');" />

 

</body>

</html>

 

ale tez jest zle:( nie wiem gdzie tkwi blad

Odnośnik do komentarza
Udostępnij na innych stronach
pitmod Chicken

pitmod

Opublikowano
  • Autor
Opublikowano

Dzieki Timon! Skrypt dziala tylko trzeba bylo wstawic pelna sciezke dostepu w src.

Mam jeszcze pytanie: w jaki sposob moge wlaczac muzyke w javascript? chcialbym zeby konsola byla ukryta a funkcje play i stop byly wykonywane przez klikniecie obrazka.

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...