mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 07:17 Benutzername: Passwort: Auto-Login

Thema: Bildgallerie mit JavaScript vom 13.11.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bildgallerie mit JavaScript
Seite: 1, 2, 3, 4  Weiter
Autor Nachricht
jens1337
Threadersteller

Dabei seit: 18.10.2010
Ort: blumberg
Alter: -
Geschlecht: Männlich
Verfasst Sa 13.11.2010 17:47
Titel

Bildgallerie mit JavaScript

Antworten mit Zitat Zum Seitenanfang

Hallo ich habe nochmal ne frage , ich möchte eine Bildergallarie erstellen mit Javascript , habe leider keine Erfahrungen darin gemacht !

HIer das ist was ich Umsetzen möchte
http://javascript.about.com/library/blrollm1.htm

Wie bekomme ich es hin das die kleinen Bilder links sind und das Große bei mouseover dann Rechts erscheint ?

Kann mir jemand Irgendwelche Tipps geben das ich da durchblicke Grins

Danke , Jens


Zuletzt bearbeitet von Nimroy am Sa 13.11.2010 18:08, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht: Männlich
Verfasst Sa 13.11.2010 17:52
Titel

Antworten mit Zitat Zum Seitenanfang

ähh...mit HTML und CSS *Huch*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 109
Geschlecht: Männlich
Verfasst Sa 13.11.2010 17:56
Titel

Antworten mit Zitat Zum Seitenanfang

dir fehlen sämtliche grundlagen - bleiben zwei optionen:
a) basics lernen: http://de.selfhtml.org/
b) jobbörse
  View user's profile Private Nachricht senden
jens1337
Threadersteller

Dabei seit: 18.10.2010
Ort: blumberg
Alter: -
Geschlecht: Männlich
Verfasst Sa 13.11.2010 19:41
Titel

Antworten mit Zitat Zum Seitenanfang

Achso ich dacht eich muss das dann auch im Java script reinpacken , dann teste ich das mal !

danke
  View user's profile Private Nachricht senden
jens1337
Threadersteller

Dabei seit: 18.10.2010
Ort: blumberg
Alter: -
Geschlecht: Männlich
Verfasst Di 16.11.2010 16:06
Titel

Antworten mit Zitat Zum Seitenanfang

Ich brauche noch ein paar tipps und das zu verstehen :

Code:
if (document.images) {
image0 = new Image;
image1 = new Image; <--- was bedeutet denn new image , sind das die kleinen Bilder?
image2 = new Image;

image0.src = 'IMG_2613.JPG';
image1.src = 'IMG_2614.JPG';
image2.src = 'IMG_2615.JPG';

image0 = '';
image1 = ''; <-- was kommt hier rein zwischen die "
image2 = '';
document.rollimg1 = ''; <--- und was kommt hier rein

}

Habe schon viele Sachen getestet , komme nicht zum Ergebnis , die Bilder erscheinen aber sie werden beim mouseover nicht als großes unten drunter angezeigt ...

Kann mir jemand paar tips geben wie ich das hinbekomme

Das ist mein Html code
<p align="center"><span onmouseover="document.rollimg1.src=image0.src;">
<img src="IMG_2613.JPG" width="32" height="32" border="0" alt="1" /></span> <span onmouseover="document.rollimg1.src=image1.src;">
<img src="IMG_2614.JPG" width="32" height="32" border="0" alt="2" /></span> <span onmouseover="document.rollimg1.src=image2.src;">
<img src="IMG_2615.JPG" width="32" height="32" border="0" alt="3" /></span>
</p>
<p align="center"><img src="IMG_2613.JPG" width="150" height="150" border="0" alt="Larger version of one of the smaller images above" name="rollimg1" /></p> <p align="center"><span onmouseover="document.rollimg2.src=image3.src;"></span>

Wäre toll wenn mir jemand sagen kann was dort falsch ist
Bitte keine ... lass es lieber machen bla bla , jeder hat mal angefangen und ist über bisschen Hilfe Froh !

(Es geht nur darum das die Bilder sich ändern , die richtige Positionieren ist nicht das Problem )
Danke schonmal !

Mfg


Zuletzt bearbeitet von Smooth-Graphics am Mi 17.11.2010 07:43, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
nickdesign

Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht: Männlich
Verfasst Mi 17.11.2010 02:22
Titel

Antworten mit Zitat Zum Seitenanfang

Was du suchst gibt es zu hauf im Netz.. ich kann mir gut vorstellen du brauchst sowas hier..

http://www.twospy.com/galleriffic/example-2.html

Und dann gibt es noch unzählige andere Links...

http://www.sohtanaka.com/web-design/examples/image-zoom/
http://www.1stwebdesigner.com/design/fresh-jquery-image-gallery-display-solutions/
http://vandelaydesign.com/blog/web-development/jquery-image-galleries/
http://www.google.com/search?ie=UTF-8&oe=UTF-8&sourceid=navclient&gfns=1&q=gallery+jquery


Zuletzt bearbeitet von nickdesign am Mi 17.11.2010 02:22, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
jens1337
Threadersteller

Dabei seit: 18.10.2010
Ort: blumberg
Alter: -
Geschlecht: Männlich
Verfasst Mi 17.11.2010 14:41
Titel

Antworten mit Zitat Zum Seitenanfang

Danke vielmals ! das erste ist richtig Perfekt !
  View user's profile Private Nachricht senden
jens1337
Threadersteller

Dabei seit: 18.10.2010
Ort: blumberg
Alter: -
Geschlecht: Männlich
Verfasst Fr 19.11.2010 18:39
Titel

Antworten mit Zitat Zum Seitenanfang

Hey , ich ahbe jetzt von deinem Post de Nr 1 gewählt weil die einfach genau das ist was ich suche !

Habe jetzt zum teste mal alle 3 Javascripts übernommen und den html code und habe meine Bilder eingefügt , das einzige problem was ich habe das er mir das auf einer neuen Seite öffnet und nicht wie auf der Originial Seite nebendran ?

Nicht einmal das 1 Bild wenn man die Seite öffnet wird angezeigt !

Wäre super wenn ihr mir Weiterhelfen könntet !

Mfg Jens
  View user's profile Private Nachricht senden
 
Ähnliche Themen Probleme mit Bildgallerie
[javascript] mit <select> feld wert an javascript funk
javascript in php
JavaScript in PHP
Javascript Uhr
ist das javascript ?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 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.