Forenindex » Programmierung/Entwicklung » JavaScript » java script /// mit link bild ersetzten

java script /// mit link bild ersetzten

mrtobi
Beiträge gesamt: 49

7. Feb 2008, 12:05
Bewertung:

gelesen: 2056

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...

java script /// mit link bild ersetzten

SabineP
Beiträge gesamt: 7586

7. Feb 2008, 12:58
Bewertung:

gelesen: 2049

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>
Gruß Sabine

java script /// mit link bild ersetzten

mrtobi
Beiträge gesamt: 49

7. Feb 2008, 14:30
Bewertung:

gelesen: 2032

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

java script /// mit link bild ersetzten

mrtobi
Beiträge gesamt: 49

9. Feb 2008, 10:00
Bewertung:

gelesen: 2012

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)

java script /// mit link bild ersetzten

SabineP
Beiträge gesamt: 7586

9. Feb 2008, 11:00
Bewertung:

gelesen: 2002

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.
Gruß Sabine

java script /// mit link bild ersetzten

mrtobi
Beiträge gesamt: 49

9. Feb 2008, 11:24
Bewertung:

gelesen: 1995

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?

java script /// mit link bild ersetzten

SabineP
Beiträge gesamt: 7586

9. Feb 2008, 11:51
Bewertung:

gelesen: 1990

Beitrag als Lesezeichen
Es liegt wahrscheinlich an den Dateirechten.
Du kannst auch mal den Hoster fragen.
Gruß Sabine

java script /// mit link bild ersetzten

mrtobi
Beiträge gesamt: 49

9. Feb 2008, 13:27
Bewertung:

gelesen: 1971

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?