ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » [ERLEDIGT] Fancybox Titelanzeige

Geschlossen
  1. #1
    User Pic
    reb0r Mitglied
    Registriert seit
    22.01.2011
    Beiträge
    12
    Beitragswertungen
    0 Beitragspunkte
    Moinsen,

    ich habe eben auf meiner Seite die Fancybox 1.6 von holz installiert.
    Funktionert bisher absolut super.

    Ich habe eben noch versucht unterhalb des Bildes noch die aktuelle Bild-Nr. und die Gesamtanzahl der Bilder in der Gallery einzurichten. Es erscheint aber irgendwie gar nichts ;-)
    Angezeigt wird allerdings etwas, wenn ich in der gallery.php im Bildlink einen Titel im HTML Tag angebe.

    Orientiert habe ich mich an der FancyBox Seite: fancybox.net/blog (Ganz oben - Tips & Tricks Nr. 7)

    Das sieht dann bei mir in der index.html dann so aus:

    $(document).ready(function() {
    		$("table#galimages a").fancybox(
    		{ 
    		'zoomSpeedIn': 800, 
    		'zoomSpeedOut': 500, 
    		'zoomSpeedChange': 800,
    		'zoomOpacity': 0.5,
    		'overlayOpacity': 0.5,
    		'easingIn' : 'easeOutBack',
    		'easingOut'	: 'easeInBack',
    		'overlayShow': true,
    		'showCloseButton'	: false,
    	  'titlePosition' 		: 'inside',
    	  'titleFormat'		: function (title, currentArray, currentIndex, currentOpts) {
        return '<div id="tip7-title"><span><a href="javascript:;" onclick="$.fancybox.close();"><img src="/data/closelabel.gif" /></a></span>' + (title && title.length ? '<b>' + title + '</b>' : '' ) + 'Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</div>';
    }


    Vielleicht hat ja jemand eine Idee.
    Vielen Dank schonmal im Voraus.


    verwendete ilch Version: 1.1 P
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    reb0r Mitglied
    Registriert seit
    22.01.2011
    Beiträge
    12
    Beitragswertungen
    0 Beitragspunkte
    Moinsen,

    hab eben nochmal ein bisschen rumprobiert und es nun hinbekommen.
    Falls es mal jemand braucht.

    Ich habe die Fancybox-Einstellungen in eine separate .js Datei gesteckt. Dort siehts nun so aus:

    jquery.fancybox_settings.js

    jQuery(document).ready(function() {
    
     $(".fancybox").fancybox({
       helpers : { 
        title : { type : 'over' }
       },
       beforeShow : function() {
        this.title = (this.title ? '' + this.title + '' : '') + 'Image ' + (this.index + 1) + ' of ' + this.group.length;
       }
     });
    });


    Und in der index.html dann halt so verknüpft:
    <script type="text/javascript" src="include/extras/fancybox/jquery.fancybox_settings.js"></script>


    In der gallery.html habe ich noch die Class Fancybox gesetzt:
    		   <a class="fancybox" rel="group" title="" href="include/images/gallery/img_{id}.{endung}">
                <img src="include/images/gallery/img_thumb_{id}.{endung}" alt=""/>
           </a>



    Ist nicht schön, funktioniert aber ;-)
    Hier kann dann also zu.

    Gruß,
    reb0r
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    erledigt
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten