Dreamweaver CS3

[Foos]

Hi,

beschäftige mich zur Zeit mit Dreamweaver und hätte nun eine Frage und hoffe auch Hilfe von euch:

Will mir so eine Art Portfolio-Seite bauen. Grunddesign steht schon alles.

Aber ich würde gerne eine Art Galerie miteinbinden.

Also eine Seite, auf der alle meine Arbeiten klein dargestellt werden, und man diese dann anklicken kann und sie sich vergrößern.

Wie mach ich das am besten.?

[redbull4711]

ich finde dieses tool sehr gut.

PHP Blogger: Slimbox 1.4 (deutsch) - Ein PHP Blog auf deutsch

erstell dir eine seite, auf der du deine bilder klein anzeigst und beim anklicken werden sie vergrößert.

eigentlich genau wie hier

http://www.psd-tutorials.de/modules....sicht&b_id=139

einfach die bilder anklicken

grüße

[Foos]

aja ok danke.

aber kann ich nich mim dreamweaver das irgendwie ohne externe programme machen?

also bild auswählen und dann... ? =)

(sorry für die blöden fragen)

[redbull4711]

das geht auch, allerdings finde ich es nicht so schön.

schau mal hier:

TaijiChuan-Rheine

klick mal auf den gelben typen.

das geht, indem du deinem bild eine eigenschaft zuweist. z.B on click neues fenster mit deinem größeren bild

schau hier:

[Foos]

Super genau so will ichs =)

Aber ich bekomms irgendwie nich hin. Der Screenshot hilft mir leider nich. Aber trotzdem dank. Kannst du mir das vielleicht erklären oder sagen, nach was ich suchen muss?

[lomapatta]

Hallo Foos, das ist ganz einfach. Im Eigenschaften Inspektor vergibst du einen Namen für dein Thumbnail. Dann öffnest du das Bedienfeld verhalten und klickst auf das Plus Zeichen.Dort klickst du an: Browserfenster öffen und gibst dort ein, wie das Bild heisst, dass sich öffnen soll. Das ist schon alles....

[redbull4711]

wenn es dir reicht, werde ich dir heute abend eine schritt für schritt erklärung geben. denke, dass die 19:00 uhr hier steht.

du hattest cs3, richtig?

lg und bis heute abend

[Foos]

Zitat von redbull4711

wenn es dir reicht, werde ich dir heute abend eine schritt für schritt erklärung geben. denke, dass die 19:00 uhr hier steht.

du hattest cs3, richtig?

lg und bis heute abend

Ja genau... Boa, super . Vielen dank

[redbull4711]

so, nun werde ich es mal hoffentlich verständlich erklären.

1. speichere dein bild in zwei größen, bei mir sind das alt1kl und alt1gr



2. öffne dreamweaver und füge dort auf deiner arbeitsfläche das bild dort ein, wo du es haben möchtest



3. jetzt das bild durch anklicken auswählen und den hyperlink, sowie rahmen einstellen



4. das tag fenster anklicken (+ zeichen) und den befehl browserfenster öffnen anklicken



5. dein großes bild auswählen





6. nun noch die werte eintragen, wie groß dein neues fenster sein soll (die gleiche größe wie dein zu öffnendes bild wäre hier logisch )



7. wenn du alles eingetragen hast, sollte dein dreamweaver cs3 nun so beim tag aussehen



vergiss nicht, die seite zu speichern und dass die bilder auch vorher schon im richtigen verzeichnis abgelegt werden sollten.

ob dies der einfachste weg ist, weiß ich nicht. aber ich mache es so. die eingabe javascript beim hyperlink bewirkt, dass sich der mauszeiger in die hand verwandelt, wenn du über das kleine bild kommst.

grüße und lass dein ergebnis mal sehen

[blackout]

"javascript;:" gibt's nicht, wenn schon "javascript:;", was ein leerer Befehl ist, den man ebensogut weglassen kann. Mauszeiger umwandeln macht man nicht mit JavaScript als URL sondern per CSS.

[redbull4711]

stimmt, sorry vertippt. allerdings muss in diesem blöden hyperfeld was drin stehen, hab es grade mal probiert mit einem einfachen a. geht auch. nur ohne inhalt hier wandelt er die maus nicht um.

wenn ich es mit dem verhalten <A> onClick (ein auswahlpunkt) versuche, gibt er mir immer diese fehlermeldung:



kannst du damit was anfangen?

bei dreamweaver 8 ging das ohne probleme

grüße

[blackout]

Zitat von redbull4711

stimmt, sorry vertippt. allerdings muss in diesem blöden hyperfeld was drin stehen, hab es grade mal probiert mit einem einfachen a. geht auch. nur ohne inhalt hier wandelt er die maus nicht um.

In diesem blöden Hyperfeld muss ein URI stehen, und das auch nur wenn man das href-Attribut setzt. Man kann genausogut das href weglassen.
"Er" gibt es nicht, denn es gibt viele verschiedene Benutzeragenten, und "Mausumwandlungen" sind Sache von CSS.

Richtig wäre daher

HTML:
<a>foobar</a>

CSS:
a { cursor: pointer; }

[redbull4711]

ja, mit er war das programm dreamweaver cs3 gemeint. sorry, falls das nicht rüber kam. auch dein code ist sicher richtig, nur ist das leider keine antwort auf mein geschildertes problem mit dem dreamweaver. beim 8er konnte ich <A> onClick aktivieren und es gab diese fehlermeldung nicht. hast du eine ahnung, warum dieses beim cs3 so ist?

lg

[redbull4711]

danke, nach langem suchen habe ich es selber gefunden. für alle, die ein ähnliches problem haben hier die nötige texthilfe aus cs3:



somit sieht der code dann wie folgt aus
</script>
</head>

<body>
<a href=><img src="http://www.psd-tutorials.de/modules/Forum/images/alt1kl.jpg" width="150" height="150" border="0" onclick="MM_openBrWindow('images/alt1gr.jpg','','width=600,height=394')" /></a>
</body>

</html>

grüße

[Foos]

Zitat von redbull4711

so, nun werde ich es mal hoffentlich verständlich erklären.

1. speichere dein bild in zwei größen, bei mir sind das alt1kl und alt1gr



2. öffne dreamweaver und füge dort auf deiner arbeitsfläche das bild dort ein, wo du es haben möchtest



3. jetzt das bild durch anklicken auswählen und den hyperlink, sowie rahmen einstellen



4. das tag fenster anklicken (+ zeichen) und den befehl browserfenster öffnen anklicken



5. dein großes bild auswählen





6. nun noch die werte eintragen, wie groß dein neues fenster sein soll (die gleiche größe wie dein zu öffnendes bild wäre hier logisch )



7. wenn du alles eingetragen hast, sollte dein dreamweaver cs3 nun so beim tag aussehen



vergiss nicht, die seite zu speichern und dass die bilder auch vorher schon im richtigen verzeichnis abgelegt werden sollten.

ob dies der einfachste weg ist, weiß ich nicht. aber ich mache es so. die eingabe javascript beim hyperlink bewirkt, dass sich der mauszeiger in die hand verwandelt, wenn du über das kleine bild kommst.

grüße und lass dein ergebnis mal sehen

vielen vielen dank. bin noch in der schule.
werds zu hause sofort ausprobieren.
danke