Bilzhu Galerija

[G-Style]

Kaads gadienaa nav redzeejis kaadu php/ajax galeriju,kur ieks vienas lapas buutu gan thumbs gan bildes.

Taa teikt nepaarlaadeejot lapu spiezot uz thumbs piem. labajaa pusee, kreisajaa pusee var apluukot pashu bildi.

[martins256]

mby kkā pārveidojot lightbox to var panākt(vai arī papēti tā source...)... jo piem, ja uzspied uz linka tas jau var mainīt kkāda elementa saturu... tajā tad ieliec to bildi!

[marcis]

Tā ir diezgan elementāra lieta.

 

No datubāzes izvadi trumbus, ar linku uz javascript/ajax funkciju. Funkcijai padod vajadzīgos variabļus un nosūti tos, lai php apstrādā un pretī dod vajadzīgo bildi, pēc tam ar javascriptu liec, kur gribi.

[G-Style]

Marci, man galerija jau gatava ar tumbiem un lielajaam bildeem.

Kaads piemeers vai links deretu.

Kaa sastaav ar iframes?

[Val]

http://jquery.com/demo/thickbox/

[marcis]

  <script type="text/javascript" language="javascript">
function getitem(contentid,where)
{
  var AJAX = null;
  if (window.XMLHttpRequest) {
	AJAX=new XMLHttpRequest();
  } else {
	AJAX=new ActiveXObject("Microsoft.XMLHTTP");
  }
  if(AJAX!=null){
	AJAX.open("GET", where, true);
	AJAX.onreadystatechange = function() {
	  if (AJAX.readyState==4 || AJAX.readyState=="complete") {
		document.getElementById(contentid).innerHTML = AJAX.responseText;
	  }
	}
  }
}
 </script>

 

trumbam liec linku <a href="java script:getitem('content','saite.php?foto=<?=$row->id;?>')"> // tas ir tikai piemērs

un php failā, kas apstrādās pieprasījumu pēc $_GET['id'] mainīgā izvadi attēlu(s) // echo '<img src="<?=$row->img;?>" alt="" />'; exit; vai tml

 

protams, sākumā labāk izveidot bez ajaxa, pēc tam vari likt klāt ajaxu, lai visiem strādātu // <a href="saite.php?foto=<?=$row->id;?>" onclick="java script:getitem('content','saite.php?foto=<?=$row->id;?>'); return false;">

 

karoche cerams saprati

[Grey_Wolf]

Marci, man galerija jau gatava ar tumbiem un lielajaam bildeem.

Kaa sastaav ar iframes?

nu tad jau tev izveidot aiznjems pavisam maz laika ;)

1. ieliec ifreimu kur radisi to lielo bildi

2. lielo bildi izvadi nevis pasa lapa bet gan ifreima....

 <iframe name="liela_bilde"></iframe>
<a href="mana_liela_bilde.jpg" target="liela_bilde">mana_maza_bildite.jpg</a>

tas arii viss ;)

tik vien ka pielikt to ifreimu un pasas bildes paradisana atributu Target kur noradi ifreima Name ....

[G-Style]

Done!

Paldies!