Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP]Facebookowe obrazki
Forum PHP.pl > Forum > Przedszkole
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

  1. <a href="LinkDoStrony.html" class="colorbox" rel="image_max.jpg"><img src="image.jpg"></a>



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 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;
});
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... ohno-smiley.gif

Kod działa wyśmienicie !
A moje założenia zostały obalone.
Czuję się jakbym dostał w ryja... dostal.gif

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.