mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 08:27 Benutzername: Passwort: Auto-Login

Thema: swap image ? erstellen vom 23.07.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> swap image ? erstellen
Seite: Zurück  1, 2, 3, 4  Weiter
Autor Nachricht
Amy666
Threadersteller

Dabei seit: 18.06.2008
Ort: -
Alter: 39
Geschlecht: Weiblich
Verfasst Mi 23.07.2008 11:54
Titel

...

Antworten mit Zitat Zum Seitenanfang

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 !
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 23.07.2008 11:56
Titel

Re: ...

Antworten mit Zitat Zum Seitenanfang

Amy666 hat geschrieben:

Also an alle (auch an Kash) DANKESCHÖN !


klappts denn nu?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Amy666
Threadersteller

Dabei seit: 18.06.2008
Ort: -
Alter: 39
Geschlecht: Weiblich
Verfasst Mi 23.07.2008 13:04
Titel

...

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 23.07.2008 13:07
Titel

Antworten mit Zitat Zum Seitenanfang

warum schreibe ich dir funktionierenden code??? *Whaazzzz uppp?*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 23.07.2008 13:12
Titel

Antworten mit Zitat Zum Seitenanfang

pixelpapst303 hat geschrieben:
warum schreibe ich dir funktionierenden code??? *Whaazzzz uppp?*



Hmm...?! * Nee, nee, nee *
  View user's profile Private Nachricht senden
Amy666
Threadersteller

Dabei seit: 18.06.2008
Ort: -
Alter: 39
Geschlecht: Weiblich
Verfasst Mi 23.07.2008 13:12
Titel

...

Antworten mit Zitat Zum Seitenanfang

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 * Ich geb auf... *


Zuletzt bearbeitet von Amy666 am Mi 23.07.2008 13:15, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 23.07.2008 13:17
Titel

Re: ...

Antworten mit Zitat Zum Seitenanfang

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


* Ich bin ja schon still... *


Grins (spässle für die laune)
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 23.07.2008 13:20
Titel

Antworten mit Zitat Zum Seitenanfang

ich verstehe nicht wieso du uns nicht verstehst *ha ha*

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

Code:


visibility:hidden;



ü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>
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3, 4  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.