Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji
 
Szukanie zaawansowane



Polskie Forum Użytkowników GIMP-aHyde zoneArchiwum[Archiwum] Pomocna dłoń - GIMPWątek: [ROZ]Javascript (OnMouseOver, OnMouseOut) Image Map - problem
Strony: [1]
DrukujPobierz PDF
Autor Wątek: [ROZ]Javascript (OnMouseOver, OnMouseOut) Image Map - problem  (Przeczytany 5840 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
SyFeQ!
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 7
Galeria Użytkownika



Zobacz profil WWW
« : 30.01.2010, 12: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:
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="=&quot;this.src=&apos;praga_podsw.png&apos; &quot;" onmouseout="=&quot;this.src=&apos;przyciski.png &quot;" href="praga.html" />
<area shape="circle" coords="471,159,168" alt="Warszawa." target="Warszawa." onmouseover="=&quot;this.src=&apos;warszawa_podsw.png&apos; &quot;" onmouseout="=&quot;this.src=&apos;przyciski.png&apos; &quot;" href="warszawa.html" />
<area shape="rect" coords="650,0,947,325" alt="Kijów." target="Kijów." onmouseover="=&quot;this.src=&apos;kijow_podsw.png&apos; &quot;" onmouseout="=&quot;this.src=&apos;przyciski.png&apos; &quot;" href="kijow.html" />
</map>

Z góry dziękuję za pomoc. Pozdrawiam Uśmiech
« Ostatnia zmiana: 30.01.2010, 21:36:22 wysłane przez SyFeQ! » Zapisane
Interesuję sie fotografią. Zapraszam do strony w profilu. Mrugnięcie
Skwarek
√ ι ק

Reputacja: 14 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: skwara96@aqq.eu
Licencja: Copyright
Wiadomości: 755
Galeria Użytkownika


Hello... it's me.


Zobacz profil
« Odpowiedz #1 : 30.01.2010, 12: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
Kod:
<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="=&quot;this.src=&apos;praga_podsw.png&apos; &quot;" onmouseout="=&quot;this.src=&apos;przyciski.png &quot;" href="praga.html" />
<area shape="circle" coords="471,159,168" alt="Warszawa." target="Warszawa." onmouseover="=&quot;this.src=&apos;warszawa_podsw.png&apos; &quot;" onmouseout="=&quot;this.src=&apos;przyciski.png&apos; &quot;" href="warszawa.html" />
<area shape="rect" coords="650,0,947,325" alt="Kijów." target="Kijów." onmouseover="=&quot;this.src=&apos;kijow_podsw.png&apos; &quot;" onmouseout="=&quot;this.src=&apos;przyciski.png&apos; &quot;" href="kijow.html" />
</map></html>
Zapisane
DAJ MI LAMĘ :]
GIMP

"Dude, suckin' at something is the first step towards being sorta good at something."
SyFeQ!
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 7
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #2 : 30.01.2010, 17:55:05 »
Poprawilem ale dalej nie dziala. Moge pokazac bledy z IE, ale najpierw kod.

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="=&quot;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>


Kod:
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


 Smutny
Zapisane
Interesuję sie fotografią. Zapraszam do strony w profilu. Mrugnięcie
Qba_
Emeryt

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: qba_@jid.pl
Licencja: Copyright
Wiadomości: 2 627
Galeria Użytkownika


jogurt rlz!


Zobacz profil WWW
« Odpowiedz #3 : 30.01.2010, 19:09:05 »
W IE to Ty błędów będziesz miał bez liku. Spróbuj przez Operę, FF, albo Chrome'a.
Zapisane

SyFeQ!
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 7
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #4 : 30.01.2010, 21:11:17 »
Poardzilem sobie korzystajac ze skryptu css, moge go zapodac gdyby ktos potrzebowal:

Kod:
<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 Uśmiech
« Ostatnia zmiana: 31.01.2010, 10:16:47 wysłane przez Ziomioslaw » Zapisane
Interesuję sie fotografią. Zapraszam do strony w profilu. Mrugnięcie
Ziomioslaw
Administrator

Reputacja: 46 Offline Offline

Płeć: Mężczyzna
GIMP: 2.10
JID: ziomioslaw@jabber.org
Licencja: Copyright
Wiadomości: 7 461
Galeria Użytkownika


Cyklista Apokalipsy


Zobacz profil
« Odpowiedz #5 : 31.01.2010, 10:16:04 »
Cytat: SyFeQ! on 30.01.2010, 21:11:17
Poardzilem sobie korzystajac ze skryptu css, moge go zapodac gdyby ktos potrzebowal:

Ja tutaj widzę kawałek HTMLa, ale skoro działa...
Zapisane
skibbbi
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: CC-BY-SA
Wiadomości: 17
Galeria Użytkownika

skibbbi

Lepszy jest żywy pies niż martwy lew ...


Zobacz profil
« Odpowiedz #6 : 02.02.2010, 21: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.
Zapisane
Strony: [1]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aHyde zoneArchiwum[Archiwum] Pomocna dłoń - GIMPWątek: [ROZ]Javascript (OnMouseOver, OnMouseOut) Image Map - problem
Skocz do: