[GELÖST] Wie erstellt man iFramed Content mit Thickbox?
Eingetragen von Crouchie (157)am 05.10.2009 - 09:31 Uhr in
Hallo zusammen,
ich möchte auf manchen Seiten einen Infobutton einfügen. Bei "Klick" soll sich dann eine Thickbox öffnen, in der ein Bild und ein Text erscheint. Ich habe das schon mal mit Hilfe der Examples auf http://jquery.com/demo/thickbox/ bei statischen HTML Seiten angewand, doch für Drupal nützt das mir leider wenig. Kann mir jemand helfen?
VG Crouchie
PS: Ich möchte eine Text-Bild Kombi schon als Content anzeigen lassen, also nicht den Text als Bild abspeichern und hochladen.
- Anmelden oder Registrieren um Kommentare zu schreiben
Hier sind ein Paar
am 06.10.2009 - 22:41 Uhr
Hier sind ein Paar Lösungsansätze für Drupal: http://drupal.org/node/107803
PS: Ich möchte eine Text-Bild Kombi schon als Content anzeigen lassen, also nicht den Text als Bild abspeichern und hochladen.
Sowas müsstest du evt. über eine Template-Datei lösen.
Ansonsten kann ich dir auch Lightbox2 empfehlen. Damit funktioniert das auch super! Einfach die readme.txt lesen dort sind Beispiele drin.
Oh man, ich benutze schon
am 07.10.2009 - 07:32 Uhr
Oh man, ich benutze schon lange Lightbox, dachte aber, dass das Modul nur für Bilder wäre! Ich sollte mir wohl öfter mal ne README.TXT reinziehen ;)
Also vielen Dank an dich und bis zum nächsten mal.
Crouchie
PS: die readme ist auch empfehlenswert für Leute die manuell Slideshows, Captions und Shortcuts bearbeiten wollen :)
HTML Content Support
====================
It's possible to show webpage content in the lightbox, using iframes. In this
case the "rel" attribute should be set to "lightframe". Again it's possible to
group the content, (e.g. "lightframe[search]") but in addition to that, it's
possible to control some of the iframe properties. It's possible to set the
'width', 'height' and 'scrolling' properties of the iframe. The properties are
separated from the group name by a '|', for example
"lightframe[search|width:100px;]" and
"lightframe[search|width:100px;][my caption]". If no grouping is being used,
then the '|' is still used and the format would be "lightframe[|width:100px;]".
The properties should all be of the format "property: value;" - note the closing
semi-colon. If no iframe properties are set, then the default width and height
of 400px will be used. See below for more detailed examples.
Basic example:
<a href="http://www.google.com" rel="lightframe">Search google</a>
Basic example with caption:
<a href="http://www.google.com" rel="lightframe[][my caption]">Search google</a>
Grouped example:
<a href="http://www.google.com" rel="lightframe[search]">Search google</a>
<a href="http://www.yahoo.com" rel="lightframe[search][Search Yahoo]">Search yahoo</a>
Controlling iframe property example:
<a href="http://www.google.com" rel="lightframe[|width:400px; height:300px; scrolling: auto;]">Search google</a>
Controlling iframe property when grouped example:
<a href="http://www.google.com" rel="lightframe[search|width:400px; height:300px; scrolling: auto;][Search Google]">Search google</a>
<a href="http://www.yahoo.com" rel="lightframe[search|width:400px; height:300px;]">Search yahoo</a>
<a href="http://www.yahoo.com" rel="lightframe[search|width:400px; height:300px;][Search Yahoo]">Search yahoo</a>
Inline Content Support
=======================
It's possible to show HTML snippets in the lightbox, that is on the same domain.
In this case the "rel" attribute should be set to "lightmodal". Again it's
possible to group the content, (e.g. "lightmodal[search]") but in addition to
that, it's possible to control some of the inline / modal properties. It's
possible to set the 'width', 'height' and 'scrolling' properties of the inline
content. The properties are separated from the group name by a '|', for example
"lightmodal[search|width:100px;]" and
"lightmodal[search|width:100px;][my caption]". If no grouping is being used,
then the '|' is still used and the format would be "lightmodal[|width:100px;]".
The properties should all be of the format "property: value;" - note the closing
semi-colon. If no properties are set, then the default width and height of
400px will be used. See below for more detailed examples.
Basic example:
<a href="search.php" rel="lightmodal">Search</a>
Basic example with caption:
<a href="search.php" rel="lightmodal[][my caption]">Search</a>
Grouped example:
<a href="search.php" rel="lightmodal[search]">Search</a>
<a href="search.php?status=1" rel="lightmodal[search][published]">Search published content</a>
Controlling modal property example:
<a href="search.php" rel="lightmodal[|width:400px; height:300px; scrolling: auto;]">Search</a>
Controlling modal property when grouped example:
<a href="search.php" rel="lightmodal[search|width:400px; height:300px; scrolling: auto;]">Search</a>
<a href="search.php?status=1" rel="lightmodal[search|width:400px; height:300px;][Search published]">Search published content</a>
<a href="search.php?status=0" rel="lightmodal[search|width:400px; height:300px;][Search Unpublished]">Search unpublished content</a>