Autor |
Nachricht |
Amy666
Threadersteller
Dabei seit: 18.06.2008
Ort: -
Alter: 39
Geschlecht:
|
Verfasst Mi 23.07.2008 11:54
Titel ... |
|
|
Kash hat geschrieben: | es ist manchmal zu witzig.
hier werden 2 versch funktionierende lösungen vorgeschlagen und man will es immer noch vorgekaut bekommen haben.
wie wollt ihr etwas dazulernen wenn es an eigeninitiative mangelt? |
ich möchte hier nichts vorgekaut bekommen ich sitz nur seit 2 tagen unentwegt an so einem "blöden" problem und komm nicht weiter-klar weil mir die erfahrung fehlt aber wenn es nicht funzt und es fertig werden muss und ich nur "bahnhof" verstehe bin ich über hilfe halt einfach dankbar.
Also an alle (auch an Kash) DANKESCHÖN !
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 23.07.2008 11:56
Titel Re: ... |
|
|
Amy666 hat geschrieben: |
Also an alle (auch an Kash) DANKESCHÖN ! |
klappts denn nu?
|
|
|
|
|
Anzeige
|
|
|
Amy666
Threadersteller
Dabei seit: 18.06.2008
Ort: -
Alter: 39
Geschlecht:
|
Verfasst Mi 23.07.2008 13:04
Titel ... |
|
|
ich bin echt am verzweifeln hab alle möglichkeiten mehrmals ausprobiert aber nix klappt...
hier jetzt mal weng code (nicht wundern ich habe ihn niicht komplett fertig gestellt, sondern immer nur an 3 bildern probiert) habe zuletzt einen einfachen weg probiert aber klappt wieder nicht...
Code: | }
function swapImage (x)
{
document.stage.src= x;
} |
Code: | <div id="apDiv4">
<div id="apDiv6"><a href="img_web/gewerbliche01.jpg" onClick="swapImage ('img_web/gewerbliche01.jpg'); return false"></a><img src="img_web/gewerblich01-klein.png" name="bild01" width="35" height="35" id="bild01" /></div>
<div id="apDiv7"><a href="img_web/gewerbliche02.jpg" onClick="swapImage ('img_web/gewerbliche02.jpg'); return false"></a><img src="img_web/gewerblich02-klein.png" alt="" name="bild02" width="35" height="35" id="bild02" /></div>
<div id="apDiv8"><img src="" alt="" name="bild03" width="35" height="35" id="bild03" style="background-color: #999999" /></div>
<div id="apDiv9"><img src="img_web/gewerblich03-klein.png" alt="" name="bild04" width="35" height="35" id="bild04" /><a href="img_web/gewerbliche03.jpg" onClick="swapImage ('img_web/gewerbliche03.jpg'); return false"></a></div>
<div id="apDiv10"><img src="img_web/gewerblich04-klein.png" alt="" name="bild05" width="35" height="35" id="bild05" /></div>
<div id="apDiv11"><img src="" alt="" name="bild06" width="35" height="35" id="bild06" style="background-color: #999999" /></div>
<div id="apDiv12"><img src="" alt="" name="bild07" width="35" height="35" id="bild07" style="background-color: #999999" /></div>
<div id="apDiv14"><img src="img_web/gewerblich01.png" alt="" name="stage" width="335" height="335" id="stage" /></div>
<div id="apDiv15"><img src="" alt="" name="bild08" width="35" height="35" id="bild08" style="background-color: #999999" /></div>
<div id="apDiv16"><img src="img_web/gewerblich05-klein.png" alt="" name="bild09" width="35" height="35" id="bild09" /></div>
<div id="apDiv17"><img src="img_web/gewerblich06-klein.png" alt="" name="bild10" width="35" height="35" id="bild10" /></div>
<div id="apDiv18"><img src="" alt="" name="bild11" width="35" height="35" id="bild11" style="background-color: #999999" /></div>
<div id="apDiv19"><img src="" alt="" name="bild12" width="35" height="35" id="bild12" style="background-color: #999999" /></div>
<div id="apDiv20"><img src="img_web/gewerblich07-klein.png" alt="" name="bild13" width="35" height="35" id="bild13" /></div>
<div id="apDiv21"><img src="img_web/gewerblich08-klein.png" alt="" name="bild14" width="35" height="35" id="bild14" /></div>
</div> |
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 23.07.2008 13:07
Titel
|
|
|
warum schreibe ich dir funktionierenden code???
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 23.07.2008 13:12
Titel
|
|
|
pixelpapst303 hat geschrieben: | warum schreibe ich dir funktionierenden code??? |
|
|
|
|
|
Amy666
Threadersteller
Dabei seit: 18.06.2008
Ort: -
Alter: 39
Geschlecht:
|
Verfasst Mi 23.07.2008 13:12
Titel ... |
|
|
hätte er funktioniert würd ich hier nicht mehr sitzen
ich stell mich sicher ziemlich doof an - ja sorry - aber ich komm net weiter - und verzweifel einfach
Zuletzt bearbeitet von Amy666 am Mi 23.07.2008 13:15, insgesamt 1-mal bearbeitet
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 23.07.2008 13:17
Titel Re: ... |
|
|
Amy666 hat geschrieben: | hätte er funktioniert würd ich hier nicht mehr sitzen |
dann sag mir mal genau, was an meinem code bei dir nicht funktioniert hat?
Amy666 hat geschrieben: | ich stell mich sicher ziemlich doof an |
(spässle für die laune)
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 23.07.2008 13:20
Titel
|
|
|
ich verstehe nicht wieso du uns nicht verstehst
du brauchst doch nur das relevante javascript in deine html seite einbinden.
deine großen und kleinen bilder dort positionieren wo sie stehen sollen und die verlinkungen (onClick Event) deinen kleinen bildern vergeben.
bei deinen großen bildern solltest du bei allen außer dem ersten bild noch die css eigenchaft
übergeben
ungefähr so bei 3 bildern.
Code: |
<img src="**.jpg" id="s1" style="border:1px solid #000000;" alt="" />
<img src="**.jpg" id="s2" style="border:1px solid #000000;visibility:hidden;" alt="" />
<img src="**.jpg" id="s3" style="border:1px solid #000000;visibility:hidden;" alt=""/>
|
die verlinkungen der kleinen so
Code: |
<a href="#" onClick="showHideLayers('s1','','show','s2','','hide','s3','','hide')"><img src="**.jpg" border="0" /></a>
<a href="#" onClick="showHideLayers('s1','','hide','s2','','show','s3','','hide')"><img src="**.jpg" border="0" /></a>
<a href="#" onClick="showHideLayers('s1','','hide','s2','','hide','s3','','show')"><img src="**.jpg" border="0" /></a>
|
|
|
|
|
|
|
|
|
Ähnliche Themen |
Advanced Image Swap
Swap Image / Bild per Button klicken zeigen...oder ähnliches
Image Map erstellen
suche ein fall out Image Menu, mit 3 image ebenen
input type=image + image map
image map
|
|