PDA

Zobraziť plnú verziu : Ako si vytvoriť galériu na webe a pod.

cool
28.02.2007, 20:44
Vedel by mi niekto poradiť ako si mám vytvoriť galériu v HTML kóde???:confused:
drakeman
01.03.2007, 00:24
Pokial ju chces mat dako automaticky spracovavanu, cize chces obrazky pridavat hormadne cez stranku, hodnotenia, nahlady a podobne veci, doporucujem uz priamo hotove galerie, ktore su v PHP.

Z pomedzi skvelych a volne siritelny galerii doporucujem
Coppermine (http://coppermine-gallery.net/index.php) a Menalto Gallery 2 (http://gallery.menalto.com/)

Pokial chces vyslovene cez HTML, tak tu si musis spravit sam najlepsie v dakom editore
developer
01.03.2007, 12:06
http://www.estranky.cz/funkce/fotoalbum
alebo si pozri tento, do svojej stranky by ti malo stacit len vlozit html kod a nemusis mat na hostingu podporu php ci mysql
cool
01.03.2007, 21:10
http://www.estranky.cz/funkce/fotoalbum
alebo si pozri tento, do svojej stranky by ti malo stacit len vlozit html kod a nemusis mat na hostingu podporu php ci mysql

dik idem si to pozrieť.;)
cool
02.03.2007, 08:02
toto je príklad na galériu v HTML ale neviem v nej robiť poradili by ste mi???


Mezi <head> a </head>
<script language="JavaScript">
<!-- Verstecken für ältere Browser --
var i = 1
images = new Array
images[1] = "foto1.jpg"
images[2] = "foto2.jpg"
images[3] = "foto3.jpg"
images[4] = "foto4.jpg"
images[5] = "foto5.jpg"
images[6] = "foto6.jpg"
images[7] = "foto7.jpg"
images[8] = "foto8.jpg"
images[9] = "foto9.jpg"

function gallery(){
if (i == 1){
document.gallery.previous.value=""}
}
function previmg(){
if (i != 1) {
i --
document.img.src = images[i]
document.gallery.next.value = "Dalsí>"}
if (i == 1) {
document.gallery.previous.value=""}

}

function nextimg(){
if (i != 9) {
i ++
document.gallery.previous.value="<Zpátky"
image = images[i]
document.img.src = image}
if (i ==9){
document.gallery.next.value="";}
}

function pickrand(){
var imagenumber = 9 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;
var randimage = images[rand1]
document.img.src = randimage
i = rand1
if (i == 1){
document.gallery.previous.value="";}
else {
document.gallery.previous.value="<Zpátky";}
if (i == 6){
document.gallery.next.value="";}
else {
document.gallery.next.value="Dalsí>";}
}

function firstimg(){
i = 1
document.img.src = images[i];
document.gallery.previous.value="";
document.gallery.next.value="Dalsí>"
}
function lastimg(){
i = 9
document.img.src = images[i];
document.gallery.next.value=""
document.gallery.previous.value="<Zpátky"
}
// -- Ende verstecken -->
</script>

Do <body>

<body bgColor="#CCCCCC" bgColor=" . . . .onload="gallery();">
Tla&egrave;ítka mezi <body> a </body>
<td height="300" bgcolor="#666666" width="600">
<div align="center"><img border="0" name="img" src="foto0.jpg">
</div>
</td>
</tr>
</table>
</div>
<form name="gallery">
<div align="center">
<center>
<p>
<input name="first" onClick="firstimg();" type="button"
value="|&lt;&lt;První" >
<input name="previous" onClick="previmg();" type="button"
value="&lt;Zpátky" >
<input name="random" onClick="pickrand();" type="button"
value="?Náhodná?" >
<input name="next" onclick="nextimg();" type="button"
value="Dalsí&gt;" >
<input name="last" onClick="lastimg();" type="button"
value="Poslední&gt;&gt;|">
</p>
</center>
</div>
</form>
drakeman
02.03.2007, 10:31
Nie je to nic zlozite. Ked uz mas tento kod vlozeny v stranke, tak si potom na to iste miesto kde mas ulozeny tento subor nakopiruj obrazky, ktore budu mat nazov foto1.jpg az foto9.jpg (zalazi kolko ich mas nadefinovanych v uvodnom JavaScripte). Medzi obrazkami si prepinas spodnymi tlacitkami.
cool
03.03.2007, 18:40
Nie je to nic zlozite. Ked uz mas tento kod vlozeny v stranke, tak si potom na to iste miesto kde mas ulozeny tento subor nakopiruj obrazky, ktore budu mat nazov foto1.jpg az foto9.jpg (zalazi kolko ich mas nadefinovanych v uvodnom JavaScripte). Medzi obrazkami si prepinas spodnymi tlacitkami.

toto som zrobil ale nepremenoval som obrázky ale v tom HTML kóde prepísal názvy!!! Urobil som zle???
drakeman
04.03.2007, 02:27
myslim si, ze neurobil. je jedno kde ich prepises, ale najskor to skus originalne, cize prepis subory a ked ti to pojde, experimentuj. (Teda ak ti to teraz nejde)
cool
04.03.2007, 16:21
myslim si, ze neurobil. je jedno kde ich prepises, ale najskor to skus originalne, cize prepis subory a ked ti to pojde, experimentuj. (Teda ak ti to teraz nejde)

už som vyskúšal asi 15 takých HTML a neje ani jedna!!! Neviete mi tu niekto napísať to??? Alebo to mám pustiť z hlavy!!!:(
drakeman
07.03.2007, 13:15
už som vyskúšal asi 15 takých HTML a neje ani jedna!!! Neviete mi tu niekto napísať to??? Alebo to mám pustiť z hlavy!!!:(
Tato sice funguje, ale ma dost problemy, aspon u mna to robi problemy. Mozno ze si sem nedal cely kod. Skus pozret inu galeriu. No som zastanca PHP dakej PHP galerie. Odskusaj a uvidis.
cool
08.03.2007, 18:28
ta keď v tom neviem robiť!!! Nevedel by si mi poradiť???
drakeman
08.03.2007, 18:55
Urcite by som vedel aspon v niecom pomoct, zalezi vsak co presne chces, pretoze galerii je naozaj vela. Spytam sa ta par otazok a potom uvidime.
Chces do na daky free hosting, alebo na plateny? Mas dostupnu podporu PHP a MySQL? To by bolo tak vsetko, ostatne je v podstate nepodstatne, teda az na velkost disku
seejey
08.03.2007, 22:54
Uplne jednoduchy sposob tvorby galerii je pouzitie manazera obrazkov (alebo ako to nazvat). Napriklad ACDSEE alebo spickovy freeware XnView.
A urcute aj ine all - in - one softy na prezeranie, organizaciu, tlac a zakladnu upravu obrazkov budu podporovat tuto funkciu.
Vygeneruje ti to html subor s potrebnym kodom, dva adresare, kde v jednom budes mat nahlady na fotografie a v druhom budes mat fotografie v plnom rozliseni. Dokonca to dokaze aj fotky zmensit, aby neboli pre web zbytocne velke. Potom si uz len na svoj hosting uploadnes cez ftp html subor (aj css subo) a oba adresare aj s obrazkami a galeria je hotova. V podstate to trva par sekund.
A to je asi najednoduchsi sposob. Netreba vediet ani jeden html prikaz. A myslim, ze pre tvoje potreby je to akurat ;)
cool
10.03.2007, 17:01
freehosting a asi má podporu php a mySQL
drakeman
10.03.2007, 20:22
freehosting a asi má podporu php a mySQL
Podla toho aky, ale vacsina ano. Nebude az tak dobre sice slapat, pretoze tie masiny byvaju vacsinou vytazene, ale na galeriu to staci.
seejey
13.03.2007, 08:53
Este ma napadla dalsia moznost. Vyuzitie sluzieb na slovo vzatych odbormikov. Co si takto vytvorit album cez Google P i c asa?
Mas 1GB miesta (a stale pribuda). Staci si stiahnut Google P i c asa soft, cezen sa regnut (ak sa nemylim) a potom pomocou toho softu si uploadnut svoje obrazky. Podla mna genialne riesenie. Fotky sa daju uploadovat aj cez web rozhranie (ale asi P i c asa soft je ovela lepsie riesenie aj na upload - doslova pohodlne riesenie). Album moze byt verejny, alebo ho mozes zdielat len s urcitymi ludmi. Ludia mozu fotografie aj komentovat.

Poznamka: P i c asa - bez medzier. Srandovny filter vulgarizmov vyhviezdickuje prve 4 pismenka ;)
cool
14.03.2007, 20:38
mám Picasa ale o tejto funkcii som nevedel
cool
25.03.2007, 18:44
toto je príklad galérie jednoduchej. Konečne som ju zohnal.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//SK">
<html><head><title>..::Gallery::..</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta name="decription" content="WWW">
<meta name="keywords" content="www stránky">
<meta name="author" content="RPG, on-line škola, čarodejník, čarovanie, Harry Potter, magic, kúzla, zábava">
<meta content="MSHTML 6.00.2800.1400" name=GENERATOR>
</head>

<script>
function cas(){
date = new Date();
with (date){
h = getHours();
m = getMinutes();
s = getSeconds();
}
if (m<10)
m = "0"+m;
if (s<10)
s = "0"+s;
popis.innerHTML=h+":"+m+":"+s;
window.setTimeout("cas();",1000);
}
</script>

<body bgcolor="#70C4F5" onLoad="cas();" text=white>
<table width="760" border="0" align=center border=1>
<tr>
<td><font face="ArialBlack" size="6" color="#535353"><CENTER>GaLLéRiA</CENTER></td></tr>
<tr>
<td>
<font face="Staccato222 BT" size="2" color="#535353"><b><CENTER><script>
tyden = new Array("NEDEĽA", "PONDELOK", "UTOROK", "STREDA", "ŠTVRTOK", "PIATOK", "SOBOTA");
datum = new Date;
with (datum) {
den = getDay();
}
document.write("DNES JE "+tyden[den]);
</script>
&nbsp;
<script language="JavaScript" type="text/javascript">
datum=new Date()
with (datum){
if (document.all)
r=getYear();
else
r=getYear()+1900;
d=getDate();
m=getMonth()+1;
}
if (m<10)
m="0"+m
if (d<10)
d="0"+d
document.write(d+"."+m+"."+r)
</script>
&nbsp;
<span id="popis"></span></td></font></b>
<tr><td><CENTER><IMG SRC="http://tomas4578.ic.cz/ccc/normal_wall_0226.jpg" >




</table>
</body>
</html>
drakeman
25.03.2007, 23:39
V pohode a ako tam pridavas viac obrazkov? Jendoducho za ten jeden obrazok pridas kod dalsieho?
cool
28.03.2007, 21:23
presne tak, je to úplne jednoduché, stačí napísať cestu k obrázku a už tam je.
Anuska
05.04.2007, 11:46
mám Picasa ale o tejto funkcii som nevedel
hmm, na teba asi cenzura vulgarizmov nefunguje :D
seejey
05.04.2007, 18:25
Skor by som povedal, ze drakeman to uz upravil.
drakeman
05.04.2007, 23:18
Skor by som povedal, ze drakeman to uz upravil.
Ano, uz je to davno fixnute
cool
06.04.2007, 19:15
asi preto, lebo som na to nemyslel???:D ( srandujem ):cool: