ugrás a tartalomhoz

PrettyPhoto dinamikus kép betöltése

cszlak · 2015. Aug. 5. (Sze), 13.06
Sziasztok
Olyan problémám lenne, hogy szeretném a képeket dinamikusan betölteni és utána meghívni a prettyPhoto galériáját.

HTML index.php:


<div class="portfolio_block columns3   pretty" data-animated="fadeIn">     
 <a class="plS"  
    onClick="add_pretty('<?php echo $album_datas[$alb]['name']; ?>','<?php echo $alb+1; ?>');"  
    title="<?php echo $images_datas[0]['title']; ?>">
 
  <img class="img-responsive picsGall"  
       src="vizjel.php?file=Galeria/<?php echo $album_datas[$alb]['name']; ?>/<?php echo $images_datas[0]['kepnev']; ?>" 
       alt="pic1 Gallery" 
       style=" max-height:270px; margin: auto; crusor:pointer;  
   />              
   </a>     
      
   <div style="display:none;" 
        id="tarolo_<?php echo $album_datas[$alb]['name']; ?>">    
</div>
javascript:

function prettyPhotoLoad(album){
				
	$("#tarolo_"+album+" a[rel^='prettyPhoto'] ").prettyPhoto(
    {
    animation_speed:'normal',
    theme:'light_rounded',
    slideshow:3000, 
    autoplay_slideshow: false, 
    social_tools: '', 
    overlay_gallery: false});
    }	
			 
		
    function add_pretty(album,szam){	
	 $.post('pretty_load.php' , {album:album,szam:szam}, function(data)
         { 	
			 	
	  console.log(data);        	
	  $("#tarolo_"+album).html( data );
	  prettyPhotoLoad(album);   
         });	
     }
pretty_load.php:

..... <?php  
for($img=0; $img <= count($images_datas)-1;$img++){ ?>
              
     <a  href="Galeria/<?php echo $album_datas[0]['name']; ?>/<?php echo $images_datas[$img]['kepnev']; ?>" 
       rel="prettyPhoto[gallery<?php echo $szam; ?>]" 
       title="<?php echo $images_datas[$img]['title']; ?>" >

       <img src="vizjel.php?file=Galeria/<?php echo $album_datas[0]['name']; ?>/<?php echo $images_datas[$img]['kepnev']; ?>" 
       width="<?php echo $images_datas[$img]['width']; ?>" 
       height="<?php echo $images_datas[$img]['height']; ?>" 
       alt="<?php echo $images_datas[$img]['title']; ?>"  
       title="<?php echo $images_datas[$img]['title']; ?>"
      />
       </a>
       
      <?php  
} ?>

...
Tehát a problémám, az hogy a linkre katintva betöltödik a divbe a képek , de prettyPhoto, nem futatja. (a kép linkek jók, a Developer tools hibát nem ír)
‹ jquery scroll probléma prettyPhoto jquery/ajax esemény kezelés ›
 ■
1

Megoldás:

cszlak · 2015. Aug. 5. (Sze), 14.29


<a href="#" onclick="$.prettyPhoto.open(
  ['images/2.jpg','images/3jpg','images/4.jpg'],
  ['Cím 1', 'Cím 2', 'Cím 3'],
  ['Leírás 1', 'Leírás 2', 'Leírás 3']
  );">
  Több kép galériaként
</a>
Az egyszerűbb, mindig jobb.