PHP Mysql Lightbox

nepoverljiv · 19.3.2010, 22:34

Pokusavam da napravim neku galeriju na jednoj stranici na mom sajtu. Zelim da galerija bude u okviru liste, gde se svi podaci izvlace iz baze podataka. Tipa, da mi pise ime galerije, pa ispod male slicice iz te galerije, pa sledeca galerija, itd.. E sad, da li moze kad se klikne na neku tu malu slicicu, da mi se pomocu js lightbox prikaze velika i da se prebacuje sa slike na sliku?

nepoverljiv · 19.3.2010, 23:13

<ul class="subjects">
<?php
$subject_set = mysql_query("SELECT * FROM galerija", $connection);
if (!$subject_set) {
die("Database query failed: " . mysql_error());
}

while ($subject = mysql_fetch_array($subject_set)) {
echo "<li>{$subject["ime"]}</li>"." ";
$page_set = mysql_query("SELECT * FROM slike WHERE id_gal = {$subject["id_gal"]}", $connection);
if (!$page_set) {
die("Database query failed: " . mysql_error());
}
echo "<ul class=\"pages\">";
while ($page = mysql_fetch_array($page_set)) {
echo "<li><img width=120 height=80 src=admin/galerija/".$page[slika1]."/></a> <img width=120 height=80 src=admin/galerija/".$page[slika2]." /> <img width=120 height=80 src=admin/galerija/".$page[slika3]." /></li>"." ";
echo "<li><img width=120 height=80 src=admin/galerija/".$page[slika4]." /> <img width=120 height=80 src=admin/galerija/".$page[slika5]." /> <img width=120 height=80 src=admin/galerija/".$page[slika6]." /></li>"." ";
echo "<li><img width=120 height=80 src=admin/galerija/".$page[slika7]." /> <img width=120 height=80 src=admin/galerija/".$page[slika8]." /> <img width=120 height=80 src=admin/galerija/".$page[slika9]." /></li>"." ";
}
echo "</ul>";
}

?>
</ul>

Evo kako to izgleda, znaci hocu da kad kliknem na neku sliku da je prikaze pomocu lightbox

ivan.a · 19.3.2010, 23:19

Probaj ovo...lako se integriše:
Fancyzoom
Demo
(samo pročitaj uputstvo)

Ili izaberi neki Lightbox Clone.

nepoverljiv · 19.3.2010, 23:31

Hvala ti, stvarno ima dosta galerija i extra su . Samo st ose kod svih koristi <a href></a> a mene to zeza, ne znam kako to da ubacim u php kod i da napravim putanju tog linka.

ivan.a · 19.3.2010, 23:45

Evo primera kako se to radi sa FancyZoom:

U <head> sekciji dodaš sledeći kod:

PHP kod:


			
<script src="/js-global/FancyZoom.js" type="text/javascript"></script>
<script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script>

Zatim u <body> sekciji dodaš onload="setupZoom()" npr:

PHP kod:


			
<body id="nekiID" [...] onload="setupZoom()">

Dalje je sve automatizovano. Kada se klikne na sliku ona se zoomira.

PHP kod:


			
<a href="slika.jpg"><img src="slika-thumbnail.jpg" /></a>

Pogledaj i ovo....imaš uputstvo na sajtu (example i how to use). Lako se koristi.
http://leandrovieira.com/projects/jquery/lightbox/

nepoverljiv · 19.3.2010, 23:55

Nema pojma, kada ja u moj kod ubacim <a href="image.jpg">, izbaci mi gresku php

ivan.a · 20.3.2010, 0:10

Koju grešku? Inače, <a href="image.jpg"> je html kod a ne php (možda nisi zatvorio tagove).
Btw, zar ti nije lakše i praktičnije da skineš neku gotovu open-source galeriju slika? Ima ih poprilično...

nepoverljiv · 20.3.2010, 0:18

Bilo koju da skinem ima <a href>. Jel bi znao ti da mi ubacis kod u ovaj moj sto sam dole napisao.

ivan.a · 20.3.2010, 0:26

Mislio sam na gotove skripte, a ne lightbox klonove.

Evo nekih:
http://gallery.menalto.com/
DEMO

http://coppermine-gallery.net/
DEMO

http://minishowcase.net/
DEMO

nepoverljiv · 20.3.2010, 1:20

Evo resenja

echo "<li><a href=admin/galerija/".$page[slika1]." rel=\"lightbox[gallery]\" title=\"Some text\" >
<img width=120 height=80 src=admin/galerija/".$page[slika1]." />
</a></li>"." ";

19.3.2010, 22:34	#1
nepoverljiv Član Član od: 13.4.2008. Poruke: 157 Zahvalnice: 7 Zahvaljeno 2 puta na 2 poruka	PHP Mysql Lightbox Pokusavam da napravim neku galeriju na jednoj stranici na mom sajtu. Zelim da galerija bude u okviru liste, gde se svi podaci izvlace iz baze podataka. Tipa, da mi pise ime galerije, pa ispod male slicice iz te galerije, pa sledeca galerija, itd.. E sad, da li moze kad se klikne na neku tu malu slicicu, da mi se pomocu js lightbox prikaze velika i da se prebacuje sa slike na sliku?

19.3.2010, 23:13	#2
nepoverljiv Član Član od: 13.4.2008. Poruke: 157 Zahvalnice: 7 Zahvaljeno 2 puta na 2 poruka	Re: PHP Mysql Lightbox <ul class="subjects"> <?php $subject_set = mysql_query("SELECT * FROM galerija", $connection); if (!$subject_set) { die("Database query failed: " . mysql_error()); } while ($subject = mysql_fetch_array($subject_set)) { echo "<li>{$subject["ime"]}</li>"."<br>"; $page_set = mysql_query("SELECT * FROM slike WHERE id_gal = {$subject["id_gal"]}", $connection); if (!$page_set) { die("Database query failed: " . mysql_error()); } echo "<ul class=\"pages\">"; while ($page = mysql_fetch_array($page_set)) { echo "<li><img width=120 height=80 src=admin/galerija/".$page[slika1]."/></a> <img width=120 height=80 src=admin/galerija/".$page[slika2]." /> <img width=120 height=80 src=admin/galerija/".$page[slika3]." /></li>"."<br>"; echo "<li><img width=120 height=80 src=admin/galerija/".$page[slika4]." /> <img width=120 height=80 src=admin/galerija/".$page[slika5]." /> <img width=120 height=80 src=admin/galerija/".$page[slika6]." /></li>"."<br>"; echo "<li><img width=120 height=80 src=admin/galerija/".$page[slika7]." /> <img width=120 height=80 src=admin/galerija/".$page[slika8]." /> <img width=120 height=80 src=admin/galerija/".$page[slika9]." /></li>"."<br>"; } echo "</ul>"; } ?> </ul> Evo kako to izgleda, znaci hocu da kad kliknem na neku sliku da je prikaze pomocu lightbox

19.3.2010, 23:19	#3
ivan.a Član Član od: 20.3.2007. Poruke: 283 Zahvalnice: 43 Zahvaljeno 60 puta na 48 poruka	Re: PHP Mysql Lightbox Probaj ovo...lako se integriše: Fancyzoom Demo (samo pročitaj uputstvo) Ili izaberi neki Lightbox Clone.

19.3.2010, 23:31	#4
nepoverljiv Član Član od: 13.4.2008. Poruke: 157 Zahvalnice: 7 Zahvaljeno 2 puta na 2 poruka	Re: PHP Mysql Lightbox Hvala ti, stvarno ima dosta galerija i extra su . Samo st ose kod svih koristi <a href></a> a mene to zeza, ne znam kako to da ubacim u php kod i da napravim putanju tog linka.

19.3.2010, 23:45	#5
ivan.a Član Član od: 20.3.2007. Poruke: 283 Zahvalnice: 43 Zahvaljeno 60 puta na 48 poruka	Re: PHP Mysql Lightbox Evo primera kako se to radi sa FancyZoom: U <head> sekciji dodaš sledeći kod: PHP kod: `<script src="/js-global/FancyZoom.js" type="text/javascript"></script> <script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script>` Zatim u <body> sekciji dodaš onload="setupZoom()" npr: PHP kod: `<body id="nekiID" [...] onload="setupZoom()">` Dalje je sve automatizovano. Kada se klikne na sliku ona se zoomira. PHP kod: `<a href="slika.jpg"><img src="slika-thumbnail.jpg" /></a>` Pogledaj i ovo....imaš uputstvo na sajtu (example i how to use). Lako se koristi. http://leandrovieira.com/projects/jquery/lightbox/

19.3.2010, 23:55	#6
nepoverljiv Član Član od: 13.4.2008. Poruke: 157 Zahvalnice: 7 Zahvaljeno 2 puta na 2 poruka	Re: PHP Mysql Lightbox Nema pojma, kada ja u moj kod ubacim <a href="image.jpg">, izbaci mi gresku php

20.3.2010, 0:10	#7
ivan.a Član Član od: 20.3.2007. Poruke: 283 Zahvalnice: 43 Zahvaljeno 60 puta na 48 poruka	Re: PHP Mysql Lightbox Koju grešku? Inače, <a href="image.jpg"> je html kod a ne php (možda nisi zatvorio tagove). Btw, zar ti nije lakše i praktičnije da skineš neku gotovu open-source galeriju slika? Ima ih poprilično...

20.3.2010, 0:18	#8
nepoverljiv Član Član od: 13.4.2008. Poruke: 157 Zahvalnice: 7 Zahvaljeno 2 puta na 2 poruka	Re: PHP Mysql Lightbox Bilo koju da skinem ima <a href>. Jel bi znao ti da mi ubacis kod u ovaj moj sto sam dole napisao.

20.3.2010, 0:26	#9
ivan.a Član Član od: 20.3.2007. Poruke: 283 Zahvalnice: 43 Zahvaljeno 60 puta na 48 poruka	Re: PHP Mysql Lightbox Mislio sam na gotove skripte, a ne lightbox klonove. Evo nekih: http://gallery.menalto.com/ DEMO http://coppermine-gallery.net/ DEMO http://minishowcase.net/ DEMO

20.3.2010, 1:20	#10
nepoverljiv Član Član od: 13.4.2008. Poruke: 157 Zahvalnice: 7 Zahvaljeno 2 puta na 2 poruka	Re: PHP Mysql Lightbox Evo resenja echo "<li><a href=admin/galerija/".$page[slika1]." rel=\"lightbox[gallery]\" title=\"Some text\" > <img width=120 height=80 src=admin/galerija/".$page[slika1]." /> </a></li>"."<br>";

Slične teme
tema	temu započeo	forum	Odgovora	Poslednja poruka
Upload image PHP i Mysql	nepoverljiv	Serverske aplikacije i baze podataka	3	28.1.2010 11:16
PHP forma i MySQL	nepoverljiv	Serverske aplikacije i baze podataka	1	26.1.2010 21:28
MYSQL i PHP i Apache	vladakg	Programiranje	18	25.6.2009 7:21
PHP MYSQL problem	dark mesiah	Serverske aplikacije i baze podataka	3	12.5.2009 18:00
PHP, MySQL i Apache	Jenkiduduldu	Web razvoj	2	5.1.2009 10:53