• 16-08-2014, 21:54:35
    #1
    Merhaba arkadaşlar,

    html sitemin altında nivo slider, revolution slider, carousel vs. gibi eklentilerin çağırma kodlarını tek bir js de toplamak istiyorum. Bir de jquery style switcher in renk değişiminde ana menünün alt menü hover rengini değişmesi gerekli. Yardımcı olacak biri var mıdır?
  • 16-08-2014, 21:57:47
    #2
    Grafikrim adlı üyeden alıntı: mesajı görüntüle
    Merhaba arkadaşlar,

    html sitemin altında nivo slider, revolution slider, carousel vs. gibi eklentilerin çağırma kodlarını tek bir js de toplamak istiyorum. Bir de jquery style switcher in renk değişiminde ana menünün alt menü hover rengini değişmesi gerekli. Yardımcı olacak biri var mıdır?
    Sorunuzun ilk kısmı için jscompress.com yardımcı olabilir.

    Alt menü hoverla ilgili de bir kodunuz varsa ve takıldığınız yeri belirtirseniz buradan yardımcı olabiliriz.
  • 16-08-2014, 22:11:29
    #3
    nilbek adlı üyeden alıntı: mesajı görüntüle
    Sorunuzun ilk kısmı için jscompress.com yardımcı olabilir.

    Alt menü hoverla ilgili de bir kodunuz varsa ve takıldığınız yeri belirtirseniz buradan yardımcı olabiliriz.
    teşekkür ederim. bu site nasıl kullanılır anlatabilir misin?
  • 16-08-2014, 22:13:14
    #4
    Grafikrim adlı üyeden alıntı: mesajı görüntüle
    teşekkür ederim. bu site nasıl kullanılır anlatabilir misin?
    Siteye girdikten sonra ikinci sekme olan "Upload Javascript Files" bölümünden birleştirmek istediğiniz js dosyalarını ekleyin ve "upload and compress" butonuna tıklayın.
  • 16-08-2014, 22:16:46
    #5
    nilbek adlı üyeden alıntı: mesajı görüntüle
    Siteye girdikten sonra ikinci sekme olan "Upload Javascript Files" bölümünden birleştirmek istediğiniz js dosyalarını ekleyin ve "upload and compress" butonuna tıklayın.
    yani bu gibi tüm sayfaların altındaki kodları oraya yapıştırıcam o bana tek bi js vericek öle mi?
     
            <script type='text/javascript'>                         
             jQuery(document).ready(function($){
        $(".fancybox").fancybox({
         helpers : {
         title: {
            type: 'inside'
        }
        }
    
        });
    	
    	});
        </script>
        <script type="text/javascript">
    
    jQuery(document).ready(function() {
    			    var owl = $("#recent-posts");
     
    owl.owlCarousel({
    itemsCustom : [
    [0, 1],
    [450, 1],
    [600, 2],
    [700, 2],
    [1000, 2],
    [1200, 2],
    [1400, 2],
    [1600, 2]
    ],
    navigation : false
     
    });
    
         $("#portfolio3").owlCarousel({
         
        autoPlay: false, //Set AutoPlay to 3 seconds
        items : 2,
        itemsDesktop : [1199,2],
        itemsDesktopSmall : [979,2]
         
        });
    	
    	    $(".clients").owlCarousel({
         
        autoPlay: true, //Set AutoPlay to 3 seconds
        items : 6,
        itemsDesktop : [1199,4],
    	itemsDesktopSmall : [600,4],
    	itemsMobile : [300,2]
         
        });
    
    });
    
    </script>
  • 17-08-2014, 01:02:03
    #6
    jscompress.com javascript dosyalarınızı sıkıştırmaya yarar.sizin istediğiniz anladığım kadarıyla tek bir js dosyasında tutmak.boş bir txt oluşturun ve uzantısını js olarak kaydedin.
    Sonra içine aşağıdaki kodları koyun

                              
    jQuery(document).ready(function($){
        $(".fancybox").fancybox({
         helpers : {
         title: {
            type: 'inside'
        }
        });
    
    var owl = $("#recent-posts");
     
    owl.owlCarousel({
    itemsCustom : [
    [0, 1],
    [450, 1],
    [600, 2],
    [700, 2],
    [1000, 2],
    [1200, 2],
    [1400, 2],
    [1600, 2]
    ],
    navigation : false
     
    });
    
         $("#portfolio3").owlCarousel({
         
        autoPlay: false, //Set AutoPlay to 3 seconds
        items : 2,
        itemsDesktop : [1199,2],
        itemsDesktopSmall : [979,2]
         
        });
       
        $(".clients").owlCarousel({     
        autoPlay: true, //Set AutoPlay to 3 seconds
        items : 6,
        itemsDesktop : [1199,4],
    	itemsDesktopSmall : [600,4],
    	itemsMobile : [300,2]
         
        });    
    });
    dosyayı kaydedin ve dosya adresini siteye link verin
    örnek olarak :
    <script src="/script/benimScriptim.js"></script>


    ana menünün alt menü hover renginide ilgili css dosyasından bularak değiştirebilirsiniz.