Autor Zpráva
Thomaso
Profil *
#1 · Zasláno: 10. 4. 2007, 19:08:50
Odpovědět Citovat
Dobrý den, mám na Vás prosbu, potřeboval bych poradit. Chtěl by si vytvořit stránku s fotogalerii. Uprostřed by měla být velka fotka 300*400 a dole by mel byt nahled miniatur. Ted bych potreboval vedet, jestli jde nejak naprogramovat, aby po kliknutí na miniaturu se mi zobrazila ta fotka na místě tý velký. Ta velká by se zas měla objevit v přehledu všech miniatur.
Dokázal by mi někdo poradit nebo poslat aspoň nějaký odkaz na stránku, kde bych se to mohl dozvědět. Díky Thomaso.
Vladosik
Profil
#2 · Zasláno: 10. 4. 2007, 19:11:19
Odpovědět Citovat
Nevim jak v PHP, ale ja podobne galerie resim pomoci Flash. Jsou na to programky kde jen pridas fotky a vyberes design a je hotovo, staci umistit na web.
Thomaso
Profil *
#3 · Zasláno: 10. 4. 2007, 20:00:45
Odpovědět Citovat
Ja právě nevěděl, jestli to jde pomoci PHP nebo nečeho jiného, nemáš njákej odkaz nebo článek ohledně téhle problematiky. Moc bys mi tím pomohl.
Dusko
Profil
#4 · Zasláno: 10. 4. 2007, 20:49:55 · Upravil/a: Dusko
Odpovědět Citovat
Da sa to urobit v JavaScripte a je to az primitivne jednoduche.

Velka fotka:

<img id="bigPicture" src="..." />

Napr 3 male fotky:

<a href="javascript: update(url velkej verzie tejto fotografie)"><img src="url malej verzie tejto fotky" /></a>
<a href="javascript: update(url velkej verzie tejto fotografie)"><img src="url malej verzie tejto fotky" /></a>
<a href="javascript: update(url velkej verzie tejto fotografie)"><img src="url malej verzie tejto fotky" /></a>


funkcia update(url) bude vyzerat napriklad takto:


function update(url)
{
document.getElementById('bigPicture').src=url;
}

Takze vsetko, co potrebujes su dve verzie z kazdej fotky. Klucom je funkcia update(url), ktora na mieste velkej fotky (id="bigPicture") zobrazi fotku na ktoru kliknes.

A este doplnim, ze kedze sa vsetko deje na strane klienta, stranka sa nebude nacitavat zakazdim, ked kliknes na fotku.
Vladosik
Profil
#5 · Zasláno: 10. 4. 2007, 21:09:10
Odpovědět Citovat
Co se tyce ty flash galerie. Presne co hledas najdes treba na http://www.web-album-maker.com/ nebo tady http://www.stahuj.cz/vyvojove_nastroje/www-tvorba/ostatni/anvsoft-flas h-slide-show-maker/?g[hledano]=flash%20slide%20show&g[oz]=2.02
Zrovna vcera jsem presne takovou galarii kterou chces vytvarel. Kod sice neni zrovna validni, ale to mi u takoveto galerie nevadi...
Thomaso
Profil *
#6 · Zasláno: 11. 4. 2007, 18:25:26
Odpovědět Citovat
Dusko

Pokoušel sem se zprovoznit tvůj návrh, v jave se vubec nevyznám, proto tam můžu dělat někde chybu. nemohl bys mi poradit jak to zapsat do kodu?
Uvedu zde svuj kod 




<div class="hlavni">

      <img id="bigPicture" src="1.jpg" />

</div>



		<div class="miniatura">

		<a href="javascript: update(99.jpg)"><img src="1.jpg" /></a> 

		</div>



		<div class="miniatura">

		<a href="javascript: update(98.jpg)"><img src="2.jpg" /></a> 

		</div>



		<div class="miniatura">

		<a href="javascript: update(97.jpg)"><img src="3.jpg" /></a> 

		</div>



		<div class="miniatura">

		<a href="javascript: update(96.jpg)"><img src="4.jpg" /></a> 



		</div>



<script type="text/javascript">



function update(url)

{

document.getElementById('bigPicture').src=url;

} 

 </script>
k
Profil *
#7 · Zasláno: 11. 4. 2007, 18:45:04
Odpovědět Citovat
zdar a dalo byse nějak udělat aby se ty fotky načetly z složky? ,, automaticky? aby totam člověk nemusel ručně přidávat ?,
djlj
Profil
#8 · Zasláno: 11. 4. 2007, 19:47:37
Odpovědět Citovat
k
Jo, opendir a readdir v php.
k
Profil *
#9 · Zasláno: 11. 4. 2007, 20:27:03
Odpovědět Citovat
v php se moc nevyznám , za skombinovani scriptu, moc dik ;)
djlj
Profil
#10 · Zasláno: 11. 4. 2007, 20:27:54
Odpovědět Citovat
k
Když se mrkneš do manuálu, tak tam jsou na tohle přímo ukázkový kódy ;).
Dusko
Profil
#11 · Zasláno: 11. 4. 2007, 21:50:53
Odpovědět Citovat
Kod je zapisany spravne.

Chybicku vidim v tom, ako mas definovane velke a male fotky

Spravne by to malo byt:


<div class="hlavni">

<img id="bigPicture" src="big_1.jpg" />

</div>
<div class="miniatura">

<a href="javascript: update(big_1.jpg)"><img src="small_1.jpg" /></a>

</div>
<div class="miniatura">

<a href="javascript: update(big_2.jpg)"><img src="small_2.jpg" /></a>

</div>
<div class="miniatura">

<a href="javascript: update(big_3.jpg)"><img src="small_3.jpg" /></a>

</div>
<div class="miniatura">

<a href="javascript: update(big_4.jpg)"><img src="small_4.jpg" /></a>
</div>


Dufam, ze to pomohlo. Enjoy
Thomaso
Profil *
#12 · Zasláno: 12. 4. 2007, 17:07:36
Odpovědět Citovat
Dusko

Tuto chybu už sem vyřešil, je to jina chyba, ne v definovani fotek... 


 <a href="javascript: update('big_3.jpg')"><img src="small_3.jpg" /></a>


chyběly tam uvozovky u toho update, ted to funguje nadherne :-)
k
Profil *
#13 · Zasláno: 13. 4. 2007, 12:12:34
Odpovědět Citovat
... co říkáte na todle ? ... bude todobré ?

<?php
$adresar = './fotky/'; //adresar
$dir = opendir ($adresar);
while ($soubor = readdir ($dir)) {
if (is_file ($adresar.$soubor)) {
$pole[] = $soubor;
}
}
$rand = array_rand ($pole);
echo '<img src="'$adresar''.$pole[$rand].'" alt="Obrázek" />';
?>
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0