phpwcms Support Forum

The phpwcms support forum will help to find answers to your questions. The small but strong community is here since more than 10 years.
https://forum.phpwcms.org/

[solved]Bild in Lightbox oeffnen via Textlink statt Thumb

https://forum.phpwcms.org/viewtopic.php?t=22696

Page 2 of 2

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

Posted: Sat 28. Jan 2012, 17:47
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

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

Posted: Sat 28. Jan 2012, 18:08
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.

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

Posted: Sat 28. Jan 2012, 18:13
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...

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

Posted: Sat 28. Jan 2012, 18:17
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//-->

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

Posted: Sat 28. Jan 2012, 19:19
by juergen
Die Box hat was.

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

Posted: Sun 29. Jan 2012, 11:11
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

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

Posted: Sun 29. Jan 2012, 11:40
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
    }
});

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

Posted: Thu 2. Feb 2012, 15:06
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

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

Posted: Thu 2. Feb 2012, 15:21
by pepe
versuch doch mal

title="{CAPTION}"

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

Posted: Thu 2. Feb 2012, 16:02
by Oliver Georgi
trotz allem dürfte keine Meldung Array dort kommen. Welche Release ist im Einsatz?

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

Posted: Thu 2. Feb 2012, 19:40
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)

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

Posted: Fri 3. Feb 2012, 16:03
by Oliver Georgi
Da ist der Fehler – wurde also bereits behoben:
http://goo.gl/wKjJd

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

Posted: Sat 4. Feb 2012, 01:38
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

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

Posted: Sat 4. Feb 2012, 11:49
by Oliver Georgi
versuche mal, was Dir TITLE bringt

Code: Select all

[TITLE]{TITLE}[/TITLE]
All times are UTC+01:00
Page 2 of 2

Powered by phpBB® Forum Software © phpBB Limited