Tytuł: [ROZ]Javascript (OnMouseOver, OnMouseOut) Image Map - problem
Wiadomość wysłana przez: SyFeQ! on 30.01.2010, 11:03:34
Witam! Mam problem z funkcja image map w gimpie. Stworzylem grafiki, ustawilem obszary z linkami, oraz wpisalem img.src dla mouseOver i mouseOut ale cos nie dziala. Dorzuce kod i prosilbym o wyjasnienie co jest zle gdyz musze skonczyc robienie strony. Kod: <img src="przyciski.png" width="950" height="330" border="0" usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Admin -->
<area shape="rect" coords="0,0,298,324" alt="Praga." target="Praga." onmouseover="="this.src='praga_podsw.png' "" onmouseout="="this.src='przyciski.png "" href="praga.html" />
<area shape="circle" coords="471,159,168" alt="Warszawa." target="Warszawa." onmouseover="="this.src='warszawa_podsw.png' "" onmouseout="="this.src='przyciski.png' "" href="warszawa.html" />
<area shape="rect" coords="650,0,947,325" alt="Kijów." target="Kijów." onmouseover="="this.src='kijow_podsw.png' "" onmouseout="="this.src='przyciski.png' "" href="kijow.html" />
</map>
Z góry dziękuję za pomoc. Pozdrawiam :)
Tytuł: Odp: Javascript (OnMouseOver, OnMouseOut) Image Map - problem
Wiadomość wysłana przez: Skwarek on 30.01.2010, 11:07:22
Zdaje mi się (bo robiłem to już dawno), że trzeba było wstawić to w znaczniki <html></html> i zapisać pod rozszerzeniem .html <html><img src="przyciski.png" width="950" height="330" border="0" usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Admin -->
<area shape="rect" coords="0,0,298,324" alt="Praga." target="Praga." onmouseover="="this.src='praga_podsw.png' "" onmouseout="="this.src='przyciski.png "" href="praga.html" />
<area shape="circle" coords="471,159,168" alt="Warszawa." target="Warszawa." onmouseover="="this.src='warszawa_podsw.png' "" onmouseout="="this.src='przyciski.png' "" href="warszawa.html" />
<area shape="rect" coords="650,0,947,325" alt="Kijów." target="Kijów." onmouseover="="this.src='kijow_podsw.png' "" onmouseout="="this.src='przyciski.png' "" href="kijow.html" />
</map></html>
Tytuł: Odp: Javascript (OnMouseOver, OnMouseOut) Image Map - problem
Wiadomość wysłana przez: SyFeQ! on 30.01.2010, 16:55:05
Poprawilem ale dalej nie dziala. Moge pokazac bledy z IE, ale najpierw kod. <html><img src="przyciski.png" width="950" height="330" border="0" usemap="#przyciski" />
<map name="przyciski">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Admin -->
<area shape="rect" coords="0,0,298,324" alt="Praga." target="Praga." onmouseover="="this.src=praga_podsw.png"
onmouseout="this.src=przyciski.png" href="praga.html" />
<area shape="circle" coords="471,159,168" alt="Warszawa." target="Warszawa." onmouseover="=this.src=warszawa_podsw.png"
onmouseout="this.src=przyciski.png" href="warszawa.html" />
<area shape="rect" coords="650,0,947,325" alt="Kijów." target="Kijów." onmouseover="this.src=kijow_podsw.png"
onmouseout="=this.src=przyciski.png" href="kijow.html" />
</przyciski></html>
Szczegóły błędu na stronie sieci Web
Agent użytkownika: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727)
Sygnatura czasowa: Sat, 30 Jan 2010 15:56:24 UTC
Wiadomość: Błąd składni
Wiersz: 9
Znak: 1
Kod: 0
Identyfikator URI: file:///C:/Documents%20and%20Settings/Bartek/Pulpit/stronka/stronka/stronka/javascript.html
Wiadomość: Błąd składni
Wiersz: 10
Znak: 1
Kod: 0
Identyfikator URI: file:///C:/Documents%20and%20Settings/Bartek/Pulpit/stronka/stronka/stronka/javascript.html
Wiadomość: Błąd składni
Wiersz: 11
Znak: 1
Kod: 0
Identyfikator URI: file:///C:/Documents%20and%20Settings/Bartek/Pulpit/stronka/stronka/stronka/javascript.html
:(
Tytuł: Odp: Javascript (OnMouseOver, OnMouseOut) Image Map - problem
Wiadomość wysłana przez: Qba_ on 30.01.2010, 18:09:05
W IE to Ty błędów będziesz miał bez liku. Spróbuj przez Operę, FF, albo Chrome'a.
Tytuł: Odp: Javascript (OnMouseOver, OnMouseOut) Image Map - problem
Wiadomość wysłana przez: SyFeQ! on 30.01.2010, 20:11:17
Poardzilem sobie korzystajac ze skryptu css, moge go zapodac gdyby ktos potrzebowal: <a href="odsylacz.html" onMouseOver='rollover.src="nowy_obrazek.png"'
onMouseOut='rollover.src="stary_obrazek.png"'>
<img src="stary_obrazek.png" name="rollover" border="0"></a> Zeby dodac kilka takich skryptow po prostu dodajmy kolejne liczby po wyrazie: <img src="stary_obrazek.png" name="rollover" border="0"></a>. np. rollover 1, rollover 2 itp. Pozdrawiam :)
Tytuł: Odp: Javascript (OnMouseOver, OnMouseOut) Image Map - problem
Wiadomość wysłana przez: Ziomioslaw on 31.01.2010, 09:16:04
Poardzilem sobie korzystajac ze skryptu css, moge go zapodac gdyby ktos potrzebowal:
Ja tutaj widzę kawałek HTMLa, ale skoro działa...
Tytuł: Odp: [ROZ]Javascript (OnMouseOver, OnMouseOut) Image Map - problem
Wiadomość wysłana przez: skibbbi on 02.02.2010, 20:40:22
Cascading Style Sheets, CSS - Kaskadowe Arkusze Stylu to język opisujący formę prezentacji elementów na stronie. Tak pokrótce to HTML nadaje kształt a CSS styl (kolor, grubość, wielkość itd)
CSS to dobre rozwiązanie i tak na prawdę to do najlepiej używać go do formatowania i opisywania wyglądu wszystkich elementów na stronie.
|