WinFuture-Forum.de: Popup-fenster Bei Klick Auf Mini-bild ? - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Popup-fenster Bei Klick Auf Mini-bild ?


#1 Mitglied ist offline   vandieck 

  • Gruppe: aktive Mitglieder
  • Beiträge: 67
  • Beigetreten: 23. Mai 03
  • Reputation: 0

geschrieben 26. März 2004 - 13:33

Hallo !

Ich hätte folgende Frage und Bitte:
Wie lautet ein Script für Frontpage, wenn ich gerne hätte, dass, wenn man auf ein kleines Bild klickt, sich in einem Popup-Fenster das Bild in der original Größe öffnet.
(und nicht in einem komplett neuen Browser-Fenster)

Da ich Anfänger bin in Html, würde ich mich freuen wenn mir jemand, neben dem Script, auch erklärt, wo und wie ich das Script in Frontpage2002 richtig einfüge.

Thx für die Mühe im voraus !
0

Anzeige



#2 Mitglied ist offline   Rika 

  • Gruppe: aktive Mitglieder
  • Beiträge: 11.533
  • Beigetreten: 11. Juni 03
  • Reputation: 2
  • Geschlecht:Männlich

geschrieben 26. März 2004 - 13:48

<a href="datei.htm" target="_blank" onclick="window.open('datei.htm','','width=(breite) height=(höhe)'); return false">Linkbeschreibung</a>

Hat gegenüber anderen Lösungen die Vorteile:
1. funktioniert auch ohne JavaScript
2. der Benutzer sieht, wohin ein Link führt
3. Suchmaschinen können dem Link folgen

Generell ist für die Entwicklung einer standardkonformen und für jedem Benutzer problemlos zugänglichen Webseite die Benutzung von Frontpage dringend abzuraten. Es gibt bessere und kostenlose Editoren wie z.B. NetObjects Fusion oder Mozilla Composer.

Dieser Beitrag wurde von Rika bearbeitet: 26. März 2004 - 14:29

Konnichiwa. Manga wo shitte masu ka? Iie? Gomenne, sonoyouna koto ga tabitabi arimasu. Mangaka ojousan nihongo doujinshi desu wa 'Clamp X', 'Ayashi no Ceres', 'Card Captor Sakura', 'Tsubasa', 'Chobits', 'Sakura Taisen', 'Inuyasha' wo 'Ah! Megamisama'. Hai, mangaka gozaimashita desu ni yuujin yori.
Eingefügtes Bild
Ja, mata ne!

(For sending email please use OpenPGP encryption and signing. KeyID: 0xA0E28D18)
0

#3 Mitglied ist offline   FutureCrasher 

  • Gruppe: aktive Mitglieder
  • Beiträge: 249
  • Beigetreten: 12. April 03
  • Reputation: 0
  • Wohnort:Nürnberg

geschrieben 26. März 2004 - 13:53

Natürlich wärs am besten, seinen Code per Hand zu schreiben.
Da haste mehr Kontrolle über den Code und lernst gleich viel mehr HTML ;)
0

#4 Mitglied ist offline   wiz 

  • Gruppe: aktive Mitglieder
  • Beiträge: 4.527
  • Beigetreten: 21. Juni 03
  • Reputation: 0
  • Wohnort:Landshut (Bayern)
  • Interessen:Schwimmen, Laufen, Radlfahren (Triathlon); PCs und Technik *g*; Autos

geschrieben 26. März 2004 - 14:10

eine super Referenz für HTML, JavaScript,... ist SelfHTML ;)
0

#5 Mitglied ist offline   vandieck 

  • Gruppe: aktive Mitglieder
  • Beiträge: 67
  • Beigetreten: 23. Mai 03
  • Reputation: 0

geschrieben 26. März 2004 - 15:53

Vielen Dank für Eure Antworten !
Hab mir die Sache doch etwas leichter vorgestellt ;)

Rika, danke für dein Script.
Habs schon mal ausprobiert, und funktioniert nicht ganz so wie ich das wollte;
was aber an meinem Unverständnis liegen dürfte ... ich spiel weiter damit rum.

FutureCrasher thx, und in 2 Jahren zeig ich dir dann meine Page, ohne WYSIWYG-Editor gemacht. ;)

Und danke wiz für SelfHtml ... da gibts was zu lesen.
Hab zwar noch kein Beispiel für mich darin gefunden, aber ich stöbere weiter.

Sollte jemand Lust haben mir noch ein Script zu schicken,
ich schau hier noch öfters vorbei - Danke.

Der Wunsch: eine Bildergallerie mit kleinen Fotos,
die sich per klick in einem Popup-Fenster vergrößern.
Und das in Frontpage ... ich weis,Frontpage, aber ich probiers mal damit.

Thanks nochmal !

Dieser Beitrag wurde von vandieck bearbeitet: 26. März 2004 - 15:55

0

#6 Mitglied ist offline   Dimension 

  • Gruppe: aktive Mitglieder
  • Beiträge: 774
  • Beigetreten: 17. November 03
  • Reputation: 0

geschrieben 26. März 2004 - 16:17

Für eine einfache Bildergallerie brauchst du kein Skript ;)

- Eine Tabelle mit entsprechend viel Zellen wie du Bilder willst
- In jede dieser Zellen ein Bild in verkleinerter Ansicht
- Diese Bilder mit "Zielframe=Neues Fenster" (oder auch manuell => _blank) mit den Originalgrösse-Bildern verlinken (Tipp: Strg-K)
- Fertig ;)

Wenn du eine dynamische Gallerie willst (also dass du die Seite nicht ändern musst, um neue Bilder hinzuzufügen), geht das am besten mit PHP. Aber für den Anfang sollte das obere Beispiel reichen.
0

#7 Mitglied ist offline   vandieck 

  • Gruppe: aktive Mitglieder
  • Beiträge: 67
  • Beigetreten: 23. Mai 03
  • Reputation: 0

geschrieben 26. März 2004 - 16:50

Hallo Dimension!

Thx für deine Zeilen.
Ja, das wusste ich, dass funktioniert.
Nur bei mir geht dann ein neues Browserfenster auf in der Größe 800x600 oder
1024x768 je nach Einstellung, mit allen Buttons vom IE.

Was ich aber möchte ist: das das Fenster, das aufgeht, nur die Größe des Bildes hat, und nur, sagen wir, einen Button zum schliessen hat.
Also ähnlich, wie die nervigen Werbe-Popups.
0

#8 Mitglied ist offline   Rika 

  • Gruppe: aktive Mitglieder
  • Beiträge: 11.533
  • Beigetreten: 11. Juni 03
  • Reputation: 2
  • Geschlecht:Männlich

geschrieben 26. März 2004 - 16:54

Hast du in meinem Script-Vroschalg auch entsprechende Sachen wie den Dateinamen datei.htm sowie breite und höhe auch richtig ohne Klammern durch konkrete Werte ersetzt? Eventuell hast du auch einen Popup-Blocker an.

Schließen kannst du, indem du idealerweise auf die Bildern einen Link mit dem Verweis "java script:window.close();" setzst.

Dieser Beitrag wurde von Rika bearbeitet: 26. März 2004 - 16:54

Konnichiwa. Manga wo shitte masu ka? Iie? Gomenne, sonoyouna koto ga tabitabi arimasu. Mangaka ojousan nihongo doujinshi desu wa 'Clamp X', 'Ayashi no Ceres', 'Card Captor Sakura', 'Tsubasa', 'Chobits', 'Sakura Taisen', 'Inuyasha' wo 'Ah! Megamisama'. Hai, mangaka gozaimashita desu ni yuujin yori.
Eingefügtes Bild
Ja, mata ne!

(For sending email please use OpenPGP encryption and signing. KeyID: 0xA0E28D18)
0

#9 Mitglied ist offline   vandieck 

  • Gruppe: aktive Mitglieder
  • Beiträge: 67
  • Beigetreten: 23. Mai 03
  • Reputation: 0

geschrieben 26. März 2004 - 17:02

;) Yeeeha Rika !!

Das wars, ich hab die Klammern nicht gelöscht ! ;)

Ich dank dir, wow, genau das wollt ich !
Ein schönen tag dir noch ;)
0

#10 Mitglied ist offline   vandieck 

  • Gruppe: aktive Mitglieder
  • Beiträge: 67
  • Beigetreten: 23. Mai 03
  • Reputation: 0

geschrieben 26. März 2004 - 17:07

Und äh Rika ;)
geht das irgendwie noch ohne den schriftlichen Link ?
Also nur wenn man auf das Bild klickt ?

Danke für eine Antwort.
0

#11 Mitglied ist offline   Rika 

  • Gruppe: aktive Mitglieder
  • Beiträge: 11.533
  • Beigetreten: 11. Juni 03
  • Reputation: 2
  • Geschlecht:Männlich

geschrieben 26. März 2004 - 17:29

Na alles, was zwischen <a ...> und </a> steht, gilt als ein Link. Dazwischen kann Text stehen, eine Bild, Text und Bild, Objekte...
Also packst du statt [Linkbeschreibung[ einfach ein <img src="Pfad/zum/bild.jpg" width="(breite des kleines bilders)" height="(höe des kleinen bildes)" border="0"> rein. Das Border-Attribut sorgt dafür, daß kein Linkrahmen um das Bild herum erscheint, ist aber laut W3C ungültig, sorgt aber selten für Problem - mit CSS könnte man es auch richtig machen. width und height sind nicht unbedingt notwendig, sorgen aber dafür, daß der Browser das Design der Seite schon korrekt ermittelt, während die Bilder noch geladen werden - ansonsten springt das Design während des LAdevorgangs so richtig rum.

Das ganze zusammen wäre dann <a href="großesbild.jpg" target="_blank" onlick="window.open('großesbild.jpg','','width=800 height=600'); return false"><img scr="kleinesbild.jpg" width="120" height="90" border="0"></a>

Denk dran, daß das kleine Bild eine echte verkleinerte Version des Originals sein sollte und nicht nur das vom Browser runterskalierte Originalbild.
Konnichiwa. Manga wo shitte masu ka? Iie? Gomenne, sonoyouna koto ga tabitabi arimasu. Mangaka ojousan nihongo doujinshi desu wa 'Clamp X', 'Ayashi no Ceres', 'Card Captor Sakura', 'Tsubasa', 'Chobits', 'Sakura Taisen', 'Inuyasha' wo 'Ah! Megamisama'. Hai, mangaka gozaimashita desu ni yuujin yori.
Eingefügtes Bild
Ja, mata ne!

(For sending email please use OpenPGP encryption and signing. KeyID: 0xA0E28D18)
0

#12 Mitglied ist offline   vandieck 

  • Gruppe: aktive Mitglieder
  • Beiträge: 67
  • Beigetreten: 23. Mai 03
  • Reputation: 0

geschrieben 26. März 2004 - 18:18

Es funktionieeert ! ;)
Yees.
Danke Rika !
Ich muß jetzt leider weck ... würd ich jetzt gerne an meiner Seite basteln.

Ich wünsch dir einen schönen Abend,
und nochmals danke für deine Hilfe !
0

#13 _TurboMan_

  • Gruppe: Gäste

geschrieben 27. März 2004 - 12:40

@vandieck
Wie sagt man so schön, alles was man nicht kann ist schwer. HTML ist wohl die leichteste Sprache die es gibt, wenn du es mal lernst, wird es dir wirklich Spaß machen deine Seiten selber zu coden. :unsure:
0

#14 Mitglied ist offline   vandieck 

  • Gruppe: aktive Mitglieder
  • Beiträge: 67
  • Beigetreten: 23. Mai 03
  • Reputation: 0

geschrieben 28. März 2004 - 17:18

@TurboMan

Ich bin dabei ... die Versuchung sich aber nur auf WYSIWYG
zu verlassen, ist anfangs wohl aber groß.

Aber wie immer, tolles Forum hier... thx. B)
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0