[solved]Bild in Lightbox oeffnen via Textlink statt Thumb

[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

[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.

[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 nu klappst . ich werds eben korrigieren...

[pepe]

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

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//-->

[juergen]

Die Box hat was.

[pepe]

Noch eine Bemerkung hierzu:

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

[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
    }
});

[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]

versuch doch mal

title="{CAPTION}"

[Oliver Georgi]

trotz allem dürfte keine Meldung Array dort kommen. Welche Release ist im Einsatz?

[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)

[Oliver Georgi]

Da ist der Fehler – wurde also bereits behoben:
http://goo.gl/wKjJd

[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

[Oliver Georgi]

versuche mal, was Dir TITLE bringt

Code: Select all

[TITLE]{TITLE}[/TITLE]