[jquery] galeria zdjęć z dowolnym podpisem Opcje

[AxZx]

witam

potrzebuje zrobić coś takiego jak fancybox - wyświetlanie zdjęć z galerii.
problem w tym ze w tytule musze podac kod html.
znacie cos takiego?
najlepiej zeby to byl plugin do jquery.

EDIT:
chyba ze mozna tak zmodyfikowac fancybox lub dorobic jakies haki zeby mozna bylo przekazac parametr z widoku do skryptu JS.

Ten post edytował AxZx 13.08.2008, 21:52:11

[lord_t]

1. Modyfikace pliku fancybox...js:

a.) Po linijkach(poczatek pliku):

Kod

$.fn.fancybox = function(settings) {
        opts.settings = $.extend({}, $.fn.fancybox.defaults, settings);

        $.fn.fancybox.init();

        return this.each(function() {
            var $this = $(this);
            var o = $.metadata ? $.extend({}, opts.settings, $this.metadata()) : opts.settings;

            $this.unbind('click').click(function() {
                $.fn.fancybox.start(this, o); return false;
            });
        });
    };

wklej:

Kod

    
    $.fn.fancybox.linkParser = function(tytul){
        var A=tytul.indexOf("''a");
        if(A==-1) return tytul;
        else
        {
            var otwier=tytul.indexOf('{');
            var sep   =tytul.indexOf('!',otwier)
            var zamyka=tytul.indexOf('}',sep);
            var pre=tytul.substring(0,A);
            var hrf=tytul.substring(otwier+1,sep);
            var mid=tytul.substring(sep+1,zamyka);
            var suf=tytul.substring(zamyka+1,tytul.length);
            return pre+'<a href="'+hrf+'">'+mid+'</a>'+suf;
        }
    };

b.) Zamien tę linijkę:

Kod

$('#fancy_title div').html(opts.itemArray[opts.itemNum].title);

na

Kod

$('#fancy_title div').html($.fn.fancybox.linkParser(opts.itemArray[opts.itemNum].title));

2. Jak tego używać?
Standardowo jak fancy:

[HTML] pobierz, plaintext 
<a title="ABCD ''a{obraz1.png!Obraz 1} XYZ" href="duzy.png"><img src="maly.gif" alt="" /></a>
[HTML] pobierz, plaintext 

kod:

Kod

''a{obraz1.png!Obraz 1}

zostanie zamieniony na

[HTML] pobierz, plaintext 
<a href="obraz1.png">Obraz 1</a>
[HTML] pobierz, plaintext 

3.Uwagi:
-testowalem tylko na FF (ale jako,że to jQ. to i na inmnych powinno iść)
-dziala tylko dla jednego linku, drugi nie przejdzie.

[lord_t]

1. Modyfikacje pliku fancybox...js:

a.) Po linijkach(poczatek pliku):

Kod

$.fn.fancybox = function(settings) {
        opts.settings = $.extend({}, $.fn.fancybox.defaults, settings);

        $.fn.fancybox.init();

        return this.each(function() {
            var $this = $(this);
            var o = $.metadata ? $.extend({}, opts.settings, $this.metadata()) : opts.settings;

            $this.unbind('click').click(function() {
                $.fn.fancybox.start(this, o); return false;
            });
        });
    };

wklej:

Kod

    
    $.fn.fancybox.wzorzec=function(id){
        return '<a id="ffancy'+id+'"href="obraz'+id+'.png"><img src="fancy_closebox.png"></a>';
    };
    
    $.fn.fancybox.iidd;
    
    $.fn.fancybox.linkParser = function(tytul){
        var otwier=tytul.indexOf("{{");
        if(otwier==-1) return tytul;
        else
        {
            var zamyka=tytul.indexOf('}}',otwier);
            var pre=tytul.substring(0,otwier);
            var id =tytul.substring(otwier+2,zamyka);
            var suf=tytul.substring(zamyka+2,tytul.length);
            $.fn.fancybox.iidd='#ffancy'+id;
            return pre+$.fn.fancybox.wzorzec(id)+suf;
        }
    };

b.) Zamien tę linijkę:

Kod

$('#fancy_title div').html(opts.itemArray[opts.itemNum].title);

na

Kod

$('#fancy_title div').html($.fn.fancybox.linkParser(opts.itemArray[opts.itemNum].title));
$($.fn.fancybox.iidd).fancybox();

2. Jak używać?

[HTML] pobierz, plaintext 
<a title="ABCD {{1}} XYZ" href="duzy.png"><img src="maly.gif" alt="" /></a>
[HTML] pobierz, plaintext 

kod:

Kod

{{1}}

zostanie zamieniony na

[HTML] pobierz, plaintext 
<a id="ffancy1" href="obraz1.png"><img src="..."</a>
[HTML] pobierz, plaintext 

^ patrz wzorzec

3.Nie jestem pewien czy o to chodziło. Napisałem na tyle na ile zrozumiałem:)