Link im Inline Frame im Aktuellen Fenster anzeigen

[Gast] Foren Archiv Adobe GoLive Link im Inline Frame im Aktuellen Fenster anzeigen

Archiv - Archivierte Foren

Themen

Beiträge

Moderatoren

Letzter Beitrag

Adobe GoLive

6161

30249

Dirk Levy

28. Mai 2021, 13:02

Dirk Levy

1 2

sinnebrink

Beiträge gesamt: 42

30. Jan 2006, 08:26
Beitrag # 1 von 17
Bewertung:
(6067 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo zusammen,

ich habe eine tabellarische Seite erstellt. Auf dieser wollte ich ein InlineFrame einsetzen, dass mit Thumbnails bestückt werden soll. Bei Klick auf einem Thumb möchte ich gerne die große Version des Bildes in dem aktuellen Fenster innerhalb einer Tabelle anzeigen lassen. Wie bekomme ich das hin?

Vielen Dank

Jens

Link im Inline Frame im Aktuellen Fenster anzeigen

SabineP

Beiträge gesamt: 7586

30. Jan 2006, 09:09
Beitrag # 2 von 17
Beitrag ID: #207845
Bewertung:
(6065 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Jens,

Du verlinkst auf eine neue Seite,
die das große Bild anzeigt.

Ich verstehe nicht, wozu benutzt Du den iframe?

Gruß Sabine

als Antwort auf: [#207840]

Link im Inline Frame im Aktuellen Fenster anzeigen

sinnebrink

Beiträge gesamt: 42

30. Jan 2006, 09:15
Beitrag # 3 von 17
Beitrag ID: #207846
Bewertung:
(6061 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Ich möchte einen Bildlauf gestalten, ähnlich wie auf dieser Seite http://www.heike-panzer.de/zeichnungen/

Allerdings nicht als Frame-Seite, sondern ich möchte die Thumbnails als IFrame einfügen. Da es recht viele Bilder sind, soll der User die Möglichkeit des Scrollens haben.

Gruß

Jens

als Antwort auf: [#207845]

Link im Inline Frame im Aktuellen Fenster anzeigen

SabineP

Beiträge gesamt: 7586

30. Jan 2006, 09:32
Beitrag # 4 von 17
Beitrag ID: #207851
Bewertung:
(6055 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Scrollbare Bereiche kann man auch mit CSS anlegen:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
<HTML>   
<HEAD>   
<TITLE> New Document </TITLE>   
<style type="text/css">   
.scrollmich {overflow:auto;width:100px; height:100px}   
</style>   
</HEAD>   
 
<BODY>   
<TABLE border="1">   
<TR>   
<TD><div class="scrollmich">Hier läßt sich alles scrollen, sobald der Inhalt der Zelle die Höhe von 100 Pixel überschreitet oder die Breite von 100 Pixel überschreitet</div></TD>   
</TR>   
</TABLE>   
</BODY>   
</HTML>

Mit Frames kannst Du es so anlegen, wie Du hier schon gesehen hast:
http://www.heike-panzer.de/zeichnungen/

Wie es mit einem iframe geht habe ich Dir oben beschrieben.
Das macht die Sache aber nur umständlicher.

Gruß Sabine

als Antwort auf: [#207846]

Link im Inline Frame im Aktuellen Fenster anzeigen

sinnebrink

Beiträge gesamt: 42

30. Jan 2006, 20:31
Beitrag # 5 von 17
Beitrag ID: #208032
Bewertung:
(6040 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Sabine,

kann ich eigentlich die Scrollbalken beeinflussen? Ich möchte nur in horizontaler Richtung scrollen können!

Gruß

Jens

als Antwort auf: [#207851]

Link im Inline Frame im Aktuellen Fenster anzeigen

SabineP

Beiträge gesamt: 7586

30. Jan 2006, 20:52
Beitrag # 6 von 17
Beitrag ID: #208037
Bewertung:
(6037 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Jens,

mit overflow:auto werden die Scrollbalken nur angezeigt, wenn es etwas zum Scrollen gibt,
also wenn der Inhalt des DIVs größer ist als die Breite und Höhe, die im CSS steht.

noch ein Beispiel:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">    
<HTML>    
<HEAD>    
<TITLE> New Document </TITLE>    
<style type="text/css">    
.scrollmich {overflow:auto;width:90%; height:100px}    
</style>    
</HEAD>    
 
<BODY>    
<div class="scrollmich"> 
<h1>zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</h1> 
</div> 
 
</BODY>    
</HTML>

Gruß Sabine

als Antwort auf: [#208032]
(Dieser Beitrag wurde von SabineP am 30. Jan 2006, 20:59 geändert)

Link im Inline Frame im Aktuellen Fenster anzeigen

sinnebrink

Beiträge gesamt: 42

30. Jan 2006, 22:12
Beitrag # 7 von 17
Beitrag ID: #208051
Bewertung:
(6029 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Naja, klappt irgend wie nicht. Aber ich probiere ein bissel rum. Vielleicht schon einmal der nächste Schritt. Es ist ja eine Thumbnail-Leiste. Wie erreiche ich es, dass das angeklickte Bild in der darüber stehenden Tabelle angezeigt wird in Originalgröße, wenn Du weißt was ich meine?

Gruß

Jens

als Antwort auf: [#208037]

Link im Inline Frame im Aktuellen Fenster anzeigen

SabineP

Beiträge gesamt: 7586

30. Jan 2006, 22:38
Beitrag # 8 von 17
Beitrag ID: #208052
Bewertung:
(6025 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

>> Wie erreiche ich es, dass das angeklickte Bild in der darüber stehenden Tabelle angezeigt wird

Du verlinkst das kleine Bild mit einer HTML-Seite, die das große Bild enthält.

Viel einfacher geht es mit Server Side Includes.

Das kleine Bild verlinkt mit einem Link in der Form
http://example.com/bilder.shtml?name_des_grossen_bildes.jpg

In bilder.shtml schreibst Du:


<img src="" alt="">


Gruß Sabine

als Antwort auf: [#208051]

Link im Inline Frame im Aktuellen Fenster anzeigen

sinnebrink

Beiträge gesamt: 42

30. Jan 2006, 23:01
Beitrag # 9 von 17
Beitrag ID: #208057
Bewertung:
(6023 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Sei mir nicht böse, aber kannst Du das auch einem Anfänger erklären? Kann man das nicht mit Javascripts realisieren im Eventhandler?

Nach dem Motto: Klick Thumb, zeige großes Bild in Tabelle oder in CSS

Muss SSI nicht vom Webhoster unterstützt werden oder ist das Standard?

als Antwort auf: [#208052]

Link im Inline Frame im Aktuellen Fenster anzeigen

SabineP

Beiträge gesamt: 7586

30. Jan 2006, 23:35
Beitrag # 10 von 17
Beitrag ID: #208061
Bewertung:
(6016 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

>> Sei mir nicht böse, aber kannst Du das auch einem Anfänger erklären?

Hast Du mein Beispiel schon ausprobiert?
Was hat nicht funktioniert?

Die Dokumentation zu SSI kannst Du hier nachlesen:
http://httpd.apache.org/...mod/mod_include.html

>> Kann man das nicht mit Javascripts realisieren

Ja, wenn Javascript im Browser verfügbar ist.

>> Muss SSI nicht vom Webhoster unterstützt werden oder ist das Standard?

SSI ist Standard und wird von allen Webhostern, die den Apache-Webserver verwenden, unterstützt.

Gruß Sabine

als Antwort auf: [#208057]

Link im Inline Frame im Aktuellen Fenster anzeigen

sinnebrink

Beiträge gesamt: 42

30. Jan 2006, 23:38
Beitrag # 11 von 17
Beitrag ID: #208062
Bewertung:
(6013 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Nein, das Beispiel verstehe ich erst gar nicht *schäm*. Hast Du ein Beispiel für eine Javascript-Lösung? Oder würdest Du davon abraten?

Ich schaue mal morgen, ob eine neue Antwort da ist... bin langsam müde...

Vielen Dank für Deine Geduld...

Jens

als Antwort auf: [#208061]

Link im Inline Frame im Aktuellen Fenster anzeigen

SabineP

Beiträge gesamt: 7586

31. Jan 2006, 10:03
Beitrag # 12 von 17
Beitrag ID: #208099
Bewertung:
(5997 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

>> Hast Du ein Beispiel für eine Javascript-Lösung?

So ein Beispiel würdest Du sicher auch nicht verstehen,
da es noch viel komplizierter wird.

Zur Erklärung.


Wenn ein Query-String existiert


Ausgabe des Query-Strings


anderenfalls mach dies


Ende

Hier noch ein komplettes Beispiel zum Ausprobieren:

lhttp://sabine.fh3.info/forum/bild.shtml

Code

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE>Bildergalerie</TITLE> 
</HEAD> 
 
<BODY> 
<center> 
<!--#if expr="$QUERY_STRING" -->  
<img src="<!--#echo var="QUERY_STRING_UNESCAPED" -->" alt="">  
<!--#else -->  
<h1>meine Bildergalerie</h1> 
<!--#endif -->  
<BR><BR><BR><BR> 
<a href="bild.shtml?rot_gross.gif"><img src="rot_klein.gif" alt=""></a> 
<a href="bild.shtml?gruen_gross.gif"><img src="gruen_klein.gif" alt=""></a> 
<a href="bild.shtml?blau_gross.gif"><img src="blau_klein.gif" alt=""></a> 
</center> 
</BODY> 
</HTML>

Gruß Sabine

als Antwort auf: [#208062]

Link im Inline Frame im Aktuellen Fenster anzeigen

sinnebrink

Beiträge gesamt: 42

1. Feb 2006, 19:38
Beitrag # 13 von 17
Beitrag ID: #208581
Bewertung:
(5966 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Sabine,

vielen Dank erst einmal für die Mühe mit der Datei. Allerdings funktioniert diese bei mir nicht. Ich habe den Quellcode bei mir einkopiert und meinen Bildern angepasst. Da es nicht lief, habe ich in GoLive die Syntaxprüfung laufen lassen. Dort wurde mir angezeigt, es würde ein abschließendes End-Tag fehlen bei dem <img>.

Hier mal mein Code

Code

<!--#if expr="$QUERY_STRING" --> 
<img src= "<!--#echo var="QUERY_STRING_UNESCAPED" -->" alt=""> 
<!--#else --> 
<h3>Bitte wählen Sie ein Bild aus!</h3> 
<!--#endif -->

Fällt Dir dazu noch was ein?

Danke und Gruß

Jens

als Antwort auf: [#208099]

Link im Inline Frame im Aktuellen Fenster anzeigen

SabineP

Beiträge gesamt: 7586

1. Feb 2006, 20:12
Beitrag # 14 von 17
Beitrag ID: #208598
Bewertung:
(5963 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Jens,

>> Allerdings funktioniert diese bei mir nicht.
SSI wird nur auf dem Webserver ausgeführt,
nicht in Golive und nicht in einem Browser.

>> es würde ein abschließendes End-Tag fehlen bei dem <img>
Dann verwendest Du wahrscheinlich XHTML im Doctype.

Gruß Sabine

als Antwort auf: [#208581]

Link im Inline Frame im Aktuellen Fenster anzeigen

sinnebrink

Beiträge gesamt: 42

1. Feb 2006, 20:35
Beitrag # 15 von 17
Beitrag ID: #208604
Bewertung:
(5959 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Ich habe aber ein WAMP installiert!

Den Doctype habe ich ebenfalls angepasst...

Mein Gott ist das kompliziert... Ich bin ja in VB.NET und VBA ganz fit aber das hier *schnauf*

als Antwort auf: [#208598]

1 2

Aktuell

Diverses

Tipps zum Aufräumen und Ordnung schaffen

| 29.11.2023

Weitere Events

Neuste Foreneinträge

Kontrollkästchen in PDF-Formular

Indesign Tabelle ausrichten

Absatzsetzer in CC24 ME lösen Probleme aus

Quark Objekte lassen sich nicht neben Layout ziehen.

Mehrfach geschichtete und übereinander gelagerte PDFs bereinigen

InDesign 19.2 konvertiert 19.3-Dateien beim Öffnen ungefragt

Platzierte Vektorgrafiken skalieren

Adobe Fonts werden nicht sofort/automatisch in ID-Dateien geladen

PDF-Formular: Dateianhang durch User?

Mein Tagesausflug ins Land CorelDraw

Weitere Stellenangebote