ugrás a tartalomhoz

Archívum - Aug 5, 2015 - Fórum téma

jQuery -> JavaScript

rollinx · 2015. Aug. 5. (Sze), 16.07
Sziasztok!

Segítségeteket szeretném kérni, egy olyan programozó megtalálásában, aki a fenti témában tud nekem segíteni.
Jelenleg szinte az összes js kód az oldalamon jQueryvel működik, amit nélküle szeretnék megoldani. Vagyis a jQuerys kódokat sima js-re szeretném fordíttatni...

Egy példa, ami mutatja a scriptek "komolyságát":
function ScrollTopClass(){
    this.init = function(){
        var offset = 120,
            duration = 500,
            $el = $(".scrollTop");
        $(window).scroll(function() {
            $el.toggleClass("show", $(this).scrollTop() > offset);
        });

        $el.click(function(e) {
            e.preventDefault();
            $("html, body").animate({scrollTop: 0}, duration);
            return false;
        });
    };
}
Köszi szépen!
 ■

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:
[colorer=html]
.....