[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:
(1924 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:
(1917 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>
Gruß Sabine


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:
(1900 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:
(1880 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:
(1870 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.
Gruß Sabine


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:
(1863 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:
(1858 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Es liegt wahrscheinlich an den Dateirechten.
Du kannst auch mal den Hoster fragen.
Gruß Sabine


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:
(1839 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]
Hier Klicken X

Veranstaltungen

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen. pdf-icon Hier eine kleine Anleitung.

Veranstaltungen
26.09.2018

Hochschuloe der Medien, Stuttgart
Mittwoch, 26. Sept. 2018, 19.00 - 21.00 Uhr

Vertrag

Nur auf den ersten Blick scheint dieses Thema exotisch. Aber eine neue EU-Richtlinie und deren Auswirkungen auf deutsche Gesetze werden dieses Thema auch für Publisher interessant machen. Die EU-Richtlinie "2102 zu Barrierefreiheit" besagt folgendes: Ab dem 23. September 2018 müssen alle öffentlichen Stellen ihre neuen (Office- oder PDF-) Dokumente grundsätzlich barrierefrei veröffentlichen. Im Juni wurde der Gesetzentwurf zur Umsetzung dieser Richtlinie im deutschen Bundestag vom "Ausschuss für Arbeit und Soziales" (19/2728) angenommen. Es wird also ernst für "öffentliche Stellen" und damit auch für deren Dienstleister, die mit der Umsetzung beauftragt werden. Die Richtlinie gilt nämlich nicht nur für Bundes- und Landesbehörden, sondern auch für Verbände, die im Allgemeininteresse liegende Aufgaben erfüllen. Das wären somit auch Gerichte, Polizeistellen, Krankenhäuser, Universitäten, Bibliotheken und einige mehr. Weitere Informationen findest Du hier, hier und hier. Wenn also oben genannte Auftraggeber zu Deinen Kunden zählen, solltest Du Dich vorbereiten. Und da es neben Websites auch um alle downloadbaren Dateien geht sind eben auch PDFs zukünftig barrierefrei zu erstellen. Arbeitet man in InDesign, können dort einige Vorbereitungen getroffen werden. Klaas Posselt ist der ausgewiesene Spezialist im deutschsprachigen Raum für alle Fragen rund um das Thema. Deshalb freuen wir uns, dass er uns in einem Vortrag die Grundlagen dazu vermitteln wird. Wir setzen voraus, dass Du den Umgang mit InDesign gewohnt bist, die Gründe und Vorteile von der Nutzung von Formaten kennst und weißt, wie man lange Dokumente „richtig“ aufbaut. Der Vortrag setzt bewusst DANACH ein. Inhalt des Vortrages ist der Hintergrund von „Barrierefreiheit“ und Möglichkeiten und Grenzen innerhalb von InDesign. Es wird erklärt, welche Bedeutung das kostenpflichtige PlugIn MadeToTag hat und warum und für was man es braucht. Ziel ist es den Rahmen aufzuzeigen, in dem sich das Thema „Barrierefreiheit“ in InDesign abspielt. Du weißt hinterher, wo die „Baustellen“ sind, wo Du weitergehende Infos bekommst und welchen Weg Du einschlagen musst. Am nächsten Tag veranstalten wir zwei Bootcamps, die das Thema praktisch vertiefen. "IDUGS Bootcamp #2" und "IDUGS Bootcamp #3" Klaas Posselt ist studierter Dipl.-Ing. für Druck- und Medientechnik und kam über verschiedene Anfragen zum Thema barrierefreie PDF Dokumente. Seit über 10 Jahren arbeitet er in den Bereichen Medientechnik und Publishing zwischen Medienherstellern, Druckermaschinen und digitalen Ausgabekanälen. Er schult, begleitet und unterstützt Kunden bei der Einführung und Optimierung von Publikationsprozessen und auf dem Weg zu neuen digitalen Ausgabekanälen — egal ob E-Books, barrierefreie PDFs oder Webplattformen. Als Chairman des PDF/UA Competence Center der PDF Association beteiligt er sich an der Weiterentwicklung und Verbreitung des Standards PDF/UA für barrierefreie PDF Dokumente. Diese Veranstaltung kommt nur zu Stande durch die freundliche Unterstützung von "Six Offene Systeme GmbH" -- Enterprise-Content-Management-System und Media-Asset-Management-System.

Nein

Organisator: IDUG Stuttgart

Kontaktinformation: Christoph Steffens, E-Mailchristoph.steffens AT gmail DOT com

https://idug47.eventbrite.de

Veranstaltungen
27.09.2018

Screen IT, Uster
Donnerstag, 27. Sept. 2018, 17.30 - 20.00 Uhr

Infoveranstaltung

Das Angebot an Publishing-Software ist gross. Deshalb empfiehlt sich eine externe Beratung durch unabhängige Software-Experten aus der jeweiligen Branche. Nicht immer muss es eine teure Mietlösung sein, die nach Beendigung der Mietdauer einem nicht einmal gehört. Es gibt sehr gute und auch in der Qualität ausreichende Alternativen, ja sogar kostenlose Freeware. Lassen Sie sich an diesem Abend einmal vor Augen führen, was diese Programme können und wie viel sie kosten.

Ja

Organisator: Screen IT und pre2media

Kontaktinformation: Peter Jäger, E-Mailinfo AT pre2media DOT ch

https://www.pre2media.ch/-1/de/infoanlass/

Hier Klicken