[GastForen Programmierung/Entwicklung JavaScript java script /// mit link bild ersetzten

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

java script /// mit link bild ersetzten

mrtobi
Beiträge gesamt: 49

7. Feb 2008, 12:05
Beitrag # 1 von 8
Bewertung:
(2053 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
guten tag
ich möchte für eine website eine minimalste bilderglaerie erstellen, bestehend aus 2 bildern.
ich möchte 2 kleine links. und oberhalb der links wird das bild in einem div dargestellt. beim klicken der beiden links wird das bild ausgetauscht.
wie erstelle ich soetwas mit javascript.

ich habe es in dreamweaver mit einem spry element (spry paletten mit registerkarte) versucht. ich konnte jedoch die navigation nicht unterhalb des divs platzieren.

kann mir da jemand weiterhelfen wie ich das möglichst einfach machen könnte?

vielen dank zum voraus...
X

java script /// mit link bild ersetzten

SabineP
Beiträge gesamt: 7586

7. Feb 2008, 12:58
Beitrag # 2 von 8
Beitrag ID: #335540
Bewertung:
(2046 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo mrtobi,

hier ein Beispiel:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>

<TITLE> New Document </TITLE>

<style type="text/css">
#bild1{visibility:hidden;position:absolute}
#bild2{visibility:hidden;position:absolute}
</style>

<script type="text/javascript">
<!--
function ein(divid){document.getElementById(divid).style.visibility="visible";}
function aus(divid){document.getElementById(divid).style.visibility="hidden";}
//-->
</script>
</HEAD>

<BODY>

<div id="bild1"><img src="bild1.jpg"></div>
<div id="bild2"><img src="bild2.jpg"></div>
<BR><BR><BR>
<a href="#" onclick="ein('bild1'),aus('bild2')">Bild1</a>
<a href="#" onclick="ein('bild2'),aus('bild1')">Bild2</a>
</BODY>
</HTML>


als Antwort auf: [#335525]

java script /// mit link bild ersetzten

mrtobi
Beiträge gesamt: 49

7. Feb 2008, 14:30
Beitrag # 3 von 8
Beitrag ID: #335560
Bewertung:
(2029 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
wow. genau so etwas hab ich gesucht.
nun noch etwas...
wenn die seite geladen wird, erscheint noch kein bild. ich möchte jedoch, das erste bild bereits nach dem laden der seite sehen...


...ups ;-), zu früh geschrieben... ich habe eine lösung:
im css bei bild 1 die "unvisible" rauslöschen...

danke nochmals ;-)

gruss tobi


als Antwort auf: [#335540]

java script /// mit link bild ersetzten

mrtobi
Beiträge gesamt: 49

9. Feb 2008, 10:00
Beitrag # 4 von 8
Beitrag ID: #335917
Bewertung:
(2009 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo javascriptfreaks
ich habe wiedermal gebastelt und gebastelt.... ich habe das oben beschriebene script erweitert und wollte eine ganze gallerie so aufbauen. sie funktioniert jedoch nur offline. sobald ich sie online stelle funktioniert sie nicht mehr... ;-(
kann mir jemand sagen warum?
das ganze ist mit einem css-dropdown menu verbunden. könnte es auch an dem liegen?
die seite ist hier zu finden:
http://www.iconized.ch/1_icons/icons.html

(unterhalb der nacvigation sollte das bild erscheinen)


als Antwort auf: [#335560]

java script /// mit link bild ersetzten

SabineP
Beiträge gesamt: 7586

9. Feb 2008, 11:00
Beitrag # 5 von 8
Beitrag ID: #335924
Bewertung:
(1999 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
>> (unterhalb der navigation sollte das bild erscheinen)

Poste doch mal die URL zu einem dieser Bilder.

Dieses Bild zum Beispiel ...
<img src="../img/moleskine/box_home.png">
... müßte sich hier befinden.
http://www.iconized.ch/img/moleskine/box_home.png

Da ist es aber nicht.


als Antwort auf: [#335917]

java script /// mit link bild ersetzten

mrtobi
Beiträge gesamt: 49

9. Feb 2008, 11:24
Beitrag # 6 von 8
Beitrag ID: #335926
Bewertung:
(1992 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hmm.. jetzt seh ichs auch. der dateipfad stimmt, die bilder sind hier gespeichert:
http://www.iconized.ch/img/moleskine/box_home.png
aber da erscheint tatsächlich nichts. ich habe die dateien neu raufgeladen, und ich bin ganz sicher, der pfad stimmt, aber da erscheint gar nichts....
kann das am hoster liegen? ich bin wirklich überfordert...
oder liegt es an dem format .png?


als Antwort auf: [#335924]

java script /// mit link bild ersetzten

SabineP
Beiträge gesamt: 7586

9. Feb 2008, 11:51
Beitrag # 7 von 8
Beitrag ID: #335930
Bewertung:
(1987 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Es liegt wahrscheinlich an den Dateirechten.
Du kannst auch mal den Hoster fragen.


als Antwort auf: [#335926]

java script /// mit link bild ersetzten

mrtobi
Beiträge gesamt: 49

9. Feb 2008, 13:27
Beitrag # 8 von 8
Beitrag ID: #335938
Bewertung:
(1968 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo sabine.
ja klar. es waren die rechte... jetzt klappts. vielen dank.

http://www.iconized.ch/1_icons/icons.html

nun (hoffentlich) noch die letzte frage diesbezüglich:
je nach internetleitung, geht es relativ lang, bis alle bilder geladen sind.
kann ich irgendwie ein animiertes gif als pre-loader anzeigen, bis alles gelden ist?
oder macht es keinen sinn?


als Antwort auf: [#335930]
X