hilfdirselbst.ch
Facebook Twitter gamper-media
"Funktioniert nicht" ist keine hinreichende Fehlerbeschreibung.
mrtobi
Beiträge: 49
7. Feb 2008, 12:05
Beitrag #1 von 8
Bewertung:
(1904 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

java script /// mit link bild ersetzten


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...
Top
 
X
SabineP  M 
Beiträge: 7586
7. Feb 2008, 12:58
Beitrag #2 von 8
Beitrag ID: #335540
Bewertung:
(1897 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

java script /// mit link bild ersetzten


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
als Antwort auf: [#335525] Top
 
mrtobi
Beiträge: 49
7. Feb 2008, 14:30
Beitrag #3 von 8
Beitrag ID: #335560
Bewertung:
(1880 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

java script /// mit link bild ersetzten


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] Top
 
mrtobi
Beiträge: 49
9. Feb 2008, 10:00
Beitrag #4 von 8
Beitrag ID: #335917
Bewertung:
(1860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

java script /// mit link bild ersetzten


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] Top
 
SabineP  M 
Beiträge: 7586
9. Feb 2008, 11:00
Beitrag #5 von 8
Beitrag ID: #335924
Bewertung:
(1850 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

java script /// mit link bild ersetzten


>> (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
als Antwort auf: [#335917] Top
 
mrtobi
Beiträge: 49
9. Feb 2008, 11:24
Beitrag #6 von 8
Beitrag ID: #335926
Bewertung:
(1843 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

java script /// mit link bild ersetzten


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] Top
 
SabineP  M 
Beiträge: 7586
9. Feb 2008, 11:51
Beitrag #7 von 8
Beitrag ID: #335930
Bewertung:
(1838 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

java script /// mit link bild ersetzten


Es liegt wahrscheinlich an den Dateirechten.
Du kannst auch mal den Hoster fragen.
Gruß Sabine
als Antwort auf: [#335926] Top
 
mrtobi
Beiträge: 49
9. Feb 2008, 13:27
Beitrag #8 von 8
Beitrag ID: #335938
Bewertung:
(1819 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

java script /// mit link bild ersetzten


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] Top
 
X