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":
  1. function ScrollTopClass(){  
  2.     this.init = function(){  
  3.         var offset = 120,  
  4.             duration = 500,  
  5.             $el = $(".scrollTop");  
  6.         $(window).scroll(function() {  
  7.             $el.toggleClass("show", $(this).scrollTop() > offset);  
  8.         });  
  9.   
  10.         $el.click(function(e) {  
  11.             e.preventDefault();  
  12.             $("html, body").animate({scrollTop: 0}, duration);  
  13.             return false;  
  14.         });  
  15.     };  
  16. }  
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:
  1. <div class="portfolio_block columns3   pretty" data-animated="fadeIn">       
  2.  <a class="plS"    
  3.     onClick="add_pretty('<?php echo $album_datas[$alb]['name']; ?>','<?php echo $alb+1; ?>');"    
  4.     title="<?php echo $images_datas[0]['title']; ?>">  
  5.    
  6.   <img class="img-responsive picsGall"    
  7.        src="vizjel.php?file=Galeria/<?php echo $album_datas[$alb]['name']; ?>/<?php echo $images_datas[0]['kepnev']; ?>"   
  8.        alt="pic1 Gallery"   
  9.        style=" max-height:270px; margin: auto; crusor:pointer;    
  10.    />                
  11.    </a>       
  12.         
  13.    <div style="display:none;"   
  14.         id="tarolo_<?php echo $album_datas[$alb]['name']; ?>">      
  15. </div>  
javascript:
  1. function prettyPhotoLoad(album){  
  2.                   
  3.     $("#tarolo_"+album+" a[rel^='prettyPhoto'] ").prettyPhoto(  
  4.     {  
  5.     animation_speed:'normal',  
  6.     theme:'light_rounded',  
  7.     slideshow:3000,   
  8.     autoplay_slideshow: false,   
  9.     social_tools: '',   
  10.     overlay_gallery: false});  
  11.     }     
  12.                
  13.           
  14.     function add_pretty(album,szam){      
  15.      $.post('pretty_load.php' , {album:album,szam:szam}, function(data)  
  16.          {    
  17.                   
  18.       console.log(data);              
  19.       $("#tarolo_"+album).html( data );  
  20.       prettyPhotoLoad(album);     
  21.          });      
  22.      }   
pretty_load.php:
[colorer=html]
.....