[HTML][PHP]Facebookowe obrazki, Warunkowe wyświetlenie w nowym oknie Opcje

[SpiJay]

Witajcie !

Od kilku dni interesuje mnie zajefajne rozwiązanie wyświetlania powiększonego obrazu.

Tłumaczę:

Chciałbym aby po kliknięciu lewym przyciskiem myszki na link obrazek wyświetlał mnie się w colorboxie, natomiast jeżeli klikę rolką myszki (albo zwyczajnie w nowym oknie) to wyświetli mi się sam obrazek bez jakiegokolwiek kodu html, a chciałbym aby on został sformatowany przez html.

Wszystko zrozumiałe ?

Najlepszy tego przykład jest na facebooku. Klikasz na obrazek LP myszki i wyświetla Ci się podgląd obrazków z komentarzami w oknie ala colorbox.
Natomiast w przypadku gdy klikniesz rolką, to przeniesie cię na specjalną stronę przystosowaną do tego, aby wyświetlić obrazek z komentarzami w specjalnie zrobionym miejscu.

Jak to zrobić ?

Pozdrawiam, Patryk

[milbau]

Sama idea wydaje się prosta.
Wstawiasz obrazek z linkiem do strony gdzie będzie on wyświetlany wraz z kodem html, czyli najogólniej mówiąc będzie to zwykła strona.
To co trzeba zrobić to ustawić aby po kliknięciu colorbox nie brał linku do obrazku z atrybutu href tylko musisz w jakiś inny sposób przekazać mu link do obrazka.
Więc link może wyglądać tak

[HTML] pobierz, plaintext 
<a href="LinkDoStrony.html" class="colorbox" rel="image_max.jpg"><img src="image.jpg"></a>
[HTML] pobierz, plaintext 

I tylko musisz obsłużyć kliknięcie w linki a.colorbox - po kliknięciu na link masz wywyołać colorboxa z odpowienim linkiem który pobierzesz a atrybutu rel i nie przechodzić na daną stronę.

[SpiJay]

W sumie racja. Idea dość prosto się układa w główce. Z kolei mój poziom jQuery jest dość podstawowo podstawowy (IMG:style_emoticons/default/biggrin.gif) Dlatego sam plugin działania tego skryptu będzie dla mnie czarną magią. W sumie wydaje się, że to nic trudnego...

Plugin: http://info-biz.edu.pl/templates/infobiz/f...ery.colorbox.js

[milbau]

To robisz coś takiego:

$("a.colorbox").click(function() {
var link= $(this).attr('rel');
$.colorbox({href:link});
return false;
});

Ten post edytował milbau 31.03.2012, 22:13:58

[SpiJay]

strasznie dziękuję milbau !

Ciekawi mnie jedna rzecz...
Sądziłem, że będę musiał w jakiś sposób zmienić kolejność wykonywania kodu.
Zakładałem, że po kliknięciu na obrazek, włączy się colorbox oraz po chwili przeskoczy do strony zdefiniowanej w hrefie... (IMG:style_emoticons/default/ohno-smiley.gif)

Kod działa wyśmienicie !
A moje założenia zostały obalone.
Czuję się jakbym dostał w ryja... (IMG:style_emoticons/default/dostal.gif)