Autor |
Nachricht |
meikefer
Threadersteller
Dabei seit: 25.10.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 17.09.2008 11:17
Titel Erklärungstexte zu Bildern mit Rollover (Dreamweaver)? |
|
|
Hallo,
ich würde gerne auf meiner Homepage folgendes haben:
Ich habe eine Bildergalerie aus 12 quadratischen
Kästen. (http://www.bildaufstrich.de/foto_start.html)
Ich hätte es gerne, dass wenn man mit dem Mauszeiger
auf ein Bild kommt rechts neben den ganzen Bildern
ein Informationstext auftaucht, der Beschreibungen, Titel etc.
enthält? Im Prinzip so wie hier:
http://www.okversand.com/default.php?cPath=1
Man bewegt den Mauszeiger über das Produkt und es erscheint
der Infotext oben rechts. Wie kann ich das machen?
Ich arbeite mit Dreamweaver CS3.
Grüße von Meike
|
|
|
|
|
aUDIOfREAK
Dabei seit: 04.04.2002
Ort: Ansbach
Alter: 44
Geschlecht:
|
Verfasst Mi 17.09.2008 11:23
Titel
|
|
|
mit layern bzw. divs, die du via "onMouseOver" einblendest und "onMouseOut" wieder ausblendest.
Oder nu suchst mal in Google nach "Tooltipps". recht cool find ich da z.b. die tooltipps die sich mit mootools gestalten lassen (beispiel http://www.chrisesler.com/mootools/mootools-tooltip.html )
Zuletzt bearbeitet von aUDIOfREAK am Mi 17.09.2008 13:04, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
meikefer
Threadersteller
Dabei seit: 25.10.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 17.09.2008 12:54
Titel
|
|
|
Hallo bester aUDIOfREAK
Leider funktioniert der Link irgendwie nicht!
wo finde ich denn diese "divs"? Kann gerade mit dem
Begriff nichts anfangen...
Liebe Grüße von Meike
|
|
|
|
|
aUDIOfREAK
Dabei seit: 04.04.2002
Ort: Ansbach
Alter: 44
Geschlecht:
|
Verfasst Mi 17.09.2008 13:03
Titel
|
|
|
meikefer hat geschrieben: | Hallo bester aUDIOfREAK
Leider funktioniert der Link irgendwie nicht!
wo finde ich denn diese "divs"? Kann gerade mit dem
Begriff nichts anfangen...
Liebe Grüße von Meike |
uh wenn's schon an den grundlagen von html scheitert, wär's wohl erstmal besser, du ziehst dir selfhtml rein und guckst dir danach ein wenig javascript an. denn ohne diese kenntnisse krichste das nämlich nich hin. zumindest nich in der klickibunti-ansicht von dreamweaver.
btw. der link funktioniert bei mir.. da einfach dann mal den quelltext angucken und rumspielen
|
|
|
|
|
meikefer
Threadersteller
Dabei seit: 25.10.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 17.09.2008 13:22
Titel
|
|
|
Ja, soviel Ahnung hab ich auf dem Gebiet leider nicht, bin eher der Print-Typ...
Weiß jetzt wie ich einen Kasten mache, wo der Text drin steht, aber wie
mach ich das mit dem Mouse-Over, also dass es erst da ist, wenn ich mit der
Maus über das Bild links oben fahre und ein anderer Text erscheint, wenn der
mauszeiger auf dem Bild daneben steht etc...
Ist wahrscheinlich nervig so einem nichtwissenden Menschen alles zu erklären,
sorry dafür
|
|
|
|
|
aUDIOfREAK
Dabei seit: 04.04.2002
Ort: Ansbach
Alter: 44
Geschlecht:
|
Verfasst Mi 17.09.2008 13:28
Titel
|
|
|
mal ganz grob...
für jedes textfeld das du haben willst (also quasi für jeden artikel) erstellst du ein div oder ein anderes element wie span oder p und vergibst diesem element eine eindeutige id (z.b. txt01, txt02 usw). Dann hast Du in DW die Palette Tag-Inspektor > Verhalten.
Jetzt vergibst Du jedem deiner Produkte einen Link. (wenn die produkte nicht verlinkt sein sollen, gibst du als link # an). Dann wählst du ein verlinktes produkt, gehst in den taginspektor > verhalten > elemente ein/ausblenden - hier kannst du nun einstellen wie die elemente sich verhalten sollen. wie gesagt ich würde einblenden on mouse over und ausblenden on mouse out wählen - das dürfte am einfachsten funktionieren.
Mit a bissel rumprobieren solltest du dann sowas zu wege bringen
Zuletzt bearbeitet von aUDIOfREAK am Mi 17.09.2008 13:29, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
[Hilfe] Javascript Rollover mit drei Bildern
Dreamweaver - Rollover, ...
Rollover Buttons in dreamweaver
Dreamweaver CS4 - Rollover-Effekt - Bug?
Rollover aus Dreamweaver: Darstellungsfehler nur im IE
Wie in Dreamweaver ein Bild bei Rollover hinzufügen ?
|
|