Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery] galeria zdjęć z dowolnym podpisem
AxZx
post
Post #1





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 55
Dołączył: 1.03.2005
Skąd: śląsk

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
lord_t
post
Post #2





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

Ostrzeżenie: (0%)
-----


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:
  1. <a title="ABCD ''a{obraz1.png!Obraz 1} XYZ" href="duzy.png"><img src="maly.gif" alt="" /></a>


kod:
Kod
''a{obraz1.png!Obraz 1}

zostanie zamieniony na
  1. <a href="obraz1.png">Obraz 1</a>


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.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 12.10.2025 - 08:42