tooltip ?

[kvesie]

Hallo zusammen,

ich bin neu hier und habe eine Frage bezüglich eines Tooltip.

Leider bin ich nicht sehr erfahren in html codes und anderen sachen, doch habe ich meine hp mit verschiedenen Sachen erstellt.
Ich nutze den Dreamviewer MX 2004, so dass es ziehmlich einfach für mich ist eine HP zu erstellen.

Nun möchte ich aber auf einer Seite eine Bildergalerie erstellen.
Hier sollten die Bilder in einem kleinen Format zusehen sein und mit einem Mouseover groß in einem neuen Fenster öffnen. (genaues Beispiel: Ragdolls vom Lumpenpuppenhaus)

Wie kann ich das in meiner html Seite erstellen?

Könnt ihr mir bitte helfen?

Gruß
kvesie

PS: Vielen Dank für Eure Tips im Voraus!!!

 

[jukleidie]

Vielleicht ist Lightbox was für dich (siehe Julius´ Website )
Ist nicht ganz so wie du es beschrieben hast, ich denke eher noch schöner =)
Lightbox 2

Abgesehen davon ist das eher JavaScript als HTML...

 

[kvesie]

Hallo Julius,

danke für Deine schnelle Antwort.
Dies hatte ich auch schon in Erwägung gezogen ist aber den Besuchern meiner HP zu nervig immer wieder die Fenster zu schliessen.
Bei meinem Beispiel geht alles schneller. Da hier viele Bilder hinterlegt werden sollen, kann man schneller auswählen und einfacher anschauen.

;-(

 

[fiedel]

Das imgPreview jQuery Plugin von James Padolsey könnte dir eine Hilfe sein:

• Video-Tutorial: Building the imgPreview jQuery Plugin - Nettuts+
• Demos: jQuery : imgPreview Demos

Gruß,
fiedel

 

[kvesie]

Hallo Fiedel,

hier schau ich leider wie ein Schwein ins Uhrwerk ;-))))

 

[jukleidie]

Hey =)
Also ich find lightbox überhaupt nicht unpraktisch... Aber ist ja auch Geschmackssache =) man kann nämlich einfach irgendwo neben das Bild klicken und dann ist es weg.
Aber musst du wissen =)

 

[kvesie]

Ah ...sorry eben gingen bei mir die Demos nicht ;-)

 

[kvesie]

Ja sicher ist es auch Ansichtssache,
aber die Erfahrung mit den HP Besuchern zeigt, dass es kaum angesehen wird.

Da ist der Vorschlag eigentlich gut:
Regular, no settings, no styles:

Hover over the links: (if the image doesn't show up straight away, don't worry, it's just loading)

• The Sun
• New York
• Office Meeting
• A Beach
• Global Technology

Code:

$('ul#first a').imgPreview();
Kann man dies auch statt der Schrift mit einem kleinen Bild machen?

Und wie bekomme ich das richtig auf eine html Seite eingefügt?

Sorry ich bin Anfänger

 

[fiedel]

Im Moment ist es so:

<a href="linkzumbild">Bildtitel</a>

Und so gehts mit Vorschaubild:

<a href="linkzumbild"><img src="pfad/vorschaubild.datei" alt="Alternativtext" /></a>

 

[kvesie]

ok.... Friedel

falls ich nicht nerve .... noch ne frage

angenommen: mein kleines bild heißt bild1 und das große Bild2

wie sieht dann der code aus?

:cry: ich weiß ....ich bin Blond

 

[prm]

Bildergalerie mit Vergößerungseffekt

 

[fiedel]

Das anchor-Tag (<a></a>) definiert einen Anker dem man mit dem Attribut href eine Hypertext Reference zuordnen kann, kurz gesagt die URL der/des verlinkten Seite/Bildes.

Zwischen <a> und </a> kann man nun entweder einen Text oder ein Bild einfügen.
Somit kann ich eigtl nur noch das wiederholen, was ich bereits geschreiben habe:

<a href="Bild2"><img src="bild1" alt="Alternativtext" /></a>

Ich denke durch ein bischen Herumprobieren hättest du das auch locker herausfinden können!

 

[kvesie]

;-(( schade