[solved]Bild in Lightbox oeffnen via Textlink statt Thumb

Hier bekommst Du deutschsprachigen Support. Keine Fehlermeldungen oder Erweiterungswünsche bitte!
User avatar
juergen
Moderator
Posts: 4556
Joined: Mon 10. Jan 2005, 18:10
Location: Weinheim
Contact:

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by juergen »

Code: Select all

$(document).ready(function() {
	$(".various").fancybox({
		maxWidth	: 800,
		maxHeight	: 600,
		fitToView	: false,
		width		: '70%',
		height		: '70%',
		autoSize	: false,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'none'
	});
});
Wenn du das im Header hast, dann funzt es, sieht man ja im Beispiel ... du hat das jquery initial rausradiert
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by Oliver Georgi »

Pfui, weg mit dem Inline PHP, was soll das denne!!!! Erst vor paar Tagen habe ich erklärt wie es geht!

So wird das mit dem CMS bereits vorhandene jquery.mousewheel.min.js geladen und gleichfalls die jQuery Lib initialisiert.

Code: Select all

<!-- JS: mousewheel.min -->
<!-- JS: fancybox/source/jquery.fancybox.pack.js -->
<!-- JS: fancybox/source/helpers/jquery.fancybox-buttons.js -->
<!-- JS: fancybox/source/helpers/jquery.fancybox-thumbs.js -->
<!-- JS:
 $(document).ready(function() {
     $("a.fancybox-buttons").fancybox({
        openEffect  : "none",
        closeEffect : "none",
        prevEffect  : "none",
        nextEffect  : "none",
        closeBtn    : false,

        helpers : {
           title : {
              type  : "inside"
           },
           buttons : {}
        },
        afterLoad : function() {
           this.title = "Image " + (this.index + 1) + " of " + this.group.length + (this.title ? " - " + this.title : "");
        }
     });
  });
-->
Mal prüfen, ob es einen JS Fehler gibt, ich habs nicht gegengetestet.
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
pepe
Posts: 3954
Joined: Mon 19. Jan 2004, 13:46

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by pepe »

Recht hast du... ich hatte es nur so geschrieben, weil es nicht klappen wollt...

zwischenzeitlich habe ich den Fehler aber gefunden..

Der JS Aufruf war falsch geschrieben :oops: nu klappst :D . ich werds eben korrigieren...
pepe
Posts: 3954
Joined: Mon 19. Jan 2004, 13:46

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by pepe »

So klappt's nun, mit dem CP Bilder < div > und der fancyBox 2 ... danke :D

Code: Select all

<!--IMAGE_SETTINGS_START//-->
; this is formatted like WIN.INI
; please: do not use comments for value lines
; settings will overwrite CP settings
width	= 150
height	= 150
col		= 1
zoom		= 1
crop		= 0
space	= 0
lightbox	= 0
nocaption	= 1
; 0 = no center, 1 = horizontal/vertical, 2 = horizontal, 3 = vertical
;center_image	= 0
<!--IMAGE_SETTINGS_END//-->

<!--IMAGES_HEADER_START//-->
[TITLE]<h3>{TITLE}</h3>[/TITLE]
[SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
[TEXT]{TEXT}[/TEXT]

<div>
<!--IMAGES_HEADER_END//-->


<!--IMAGES_ENTRY_START//-->
      <a class="fancybox-buttons" data-fancybox-group="fancyBox-{CPID}" href="{IMAGE_REL}" title="{TITLE}"><img src="{THUMB_REL}" alt="" /></a>
<!--IMAGES_ENTRY_END//-->


<!--IMAGES_ENTRY_SPACER_START//--><!-- space between images {SPACE}px --><!--IMAGES_ENTRY_SPACER_END//-->

<!--IMAGES_ROW_SPACER_START//--><!-- space between image rows {SPACE}px --><!--IMAGES_ROW_SPACER_END//-->


<!--IMAGES_FOOTER_START//-->
</div>

<!-- CSS: fancybox/source/jquery.fancybox.css -->
<!-- CSS: fancybox/source/helpers/jquery.fancybox-buttons.css -->
<!-- CSS: fancybox/source/helpers/jquery.fancybox-thumbs.css -->

<!-- JS: mousewheel.min -->
<!-- JS: fancybox/source/jquery.fancybox.pack.js -->
<!-- JS: fancybox/source/helpers/jquery.fancybox-buttons.js -->
<!-- JS: fancybox/source/helpers/jquery.fancybox-thumbs.js -->
<!-- JS:
$(document).ready(function() {
           $("a.fancybox-buttons").fancybox({
              openEffect  : "none",
              closeEffect : "none",
              prevEffect  : "none",
              nextEffect  : "none",
              closeBtn    : false,

              helpers : {
                 title : {
                    type  : "inside"
                 },
                 buttons : {}
              },
              afterLoad : function() {
                 this.title = "Bild " + (this.index + 1) + " / " + this.group.length + (this.title ? " : " + this.title : "");
              }
           });
        });
-->
<!--IMAGES_FOOTER_END//-->
User avatar
juergen
Moderator
Posts: 4556
Joined: Mon 10. Jan 2005, 18:10
Location: Weinheim
Contact:

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by juergen »

Die Box hat was.
pepe
Posts: 3954
Joined: Mon 19. Jan 2004, 13:46

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by pepe »

Noch eine Bemerkung hierzu:
Oliver Georgi wrote:Pfui, weg mit dem Inline PHP, was soll das denne!!!! Erst vor paar Tagen habe ich erklärt wie es geht!
Die neue Variante der Einbindung von Elementen in den head des HTML Codes begrüße ich sehr, da sie erheblich einfacher ist... und natürlich verwende ich die bei allen neuen Installationen grundsätzlich und gerne, aber...

oft habe ich in ältere Versionen von phpwcms solch "nette Sachen" nach zu installieren, ohne das ich eine Neuinstallation machen möchte (Aus welchem Grund, sei hier dahin gestellt!).
Für diese Fälle brauche ich natürlich Alternativen, die auch mit den "Oldies" von phpwcms funktionieren...
Deshalb habe ich auch immer gerne eine "PFUI-Deibel" Version der Temples im Ärmel, auch wenn's unser Guru gar nicht gerne sieht :D
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by Oliver Georgi »

grundsätzlich sollte PHP vom Rest getrennt werden. Inline PHP ist schlecht pflegbar. Dafür ist frontend_render besser geeignet. Und JavaScript kann man in einer zentralen Datei sammeln und abarbeiten (jQuery Beispiel):

Code: Select all

$(function(){
    var fancy = $('a.fancybox');
    if(fancy) {
        // and so on
    }
});
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
User avatar
purg
Posts: 54
Joined: Wed 13. Sep 2006, 21:16

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by purg »

hallo,

ich würde gern den Ansatz von Pepe im CP Bilderspecial aufgreifen - wenn ich allerdings den Code einbinde
<a target="_blank" title="{TITLE}" rel="lightbox[cat-{ID}]" href="{IMAGE_REL}">{ALT}</a>
erscheint nicht der Text aus dem Feld Bildunterzeile sondern ein Link mit Text "Array" - ?

Dank und Gruß
Purg
pepe
Posts: 3954
Joined: Mon 19. Jan 2004, 13:46

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by pepe »

versuch doch mal

title="{CAPTION}"
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by Oliver Georgi »

trotz allem dürfte keine Meldung Array dort kommen. Welche Release ist im Einsatz?
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
User avatar
purg
Posts: 54
Joined: Wed 13. Sep 2006, 21:16

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by purg »

title="{CAPTION}" habe ich versucht - kommt immer noch "Array" - bei den Bildern, die keinen Text in der Bildunterzeile haben erscheint der Dateiname als Link - der Alt-Text wird richtig angezeigt - verwendet habe ich Version phpwcms 1.4.7 (2010/12/27, r412)
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by Oliver Georgi »

Da ist der Fehler – wurde also bereits behoben:
http://goo.gl/wKjJd
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
User avatar
purg
Posts: 54
Joined: Wed 13. Sep 2006, 21:16

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by purg »

vielen Dank, das "Array" ist weg und der Link wird angezeigt - ein Problem bleibt mir allerdings noch - es wird nur der Alt-Text angezeigt, der Caption-Text nicht bzw. an dessen Stelle der Alt-Text - oder verstehe ich da etwas falsch - CaptionText|Alt-Text
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: [solved]Bild in Lightbox oeffnen via Textlink statt Thum

Post by Oliver Georgi »

versuche mal, was Dir TITLE bringt

Code: Select all

[TITLE]{TITLE}[/TITLE]
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
Post Reply