• 28-08-2013, 12:20:27
    #1
    Merhabalar,
    Ufak bir sorunum mevcut ve ne yaptiysam bir turlu cozemedim. Bir arkadasim icin HTML site hazirliyorum, ana sayfada 2 tane Slider mevcut, biri Sayfanin en ustunde Logo Slider bir digeri ise sayfanin ortasinda Gallery Slider.

    Hersey sorunsuz guzel calisiyor fakat Gallery Slider'a ait Jqueryleri ekleyince Logo Slider calismiyor, Jqueryleri eklemezsemde Gallery Slider calismiyor.

    Kullandigim Gallery Slider scripti :

      <!-- First, add jQuery (and jQuery UI if using custom easing or animation -->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
    
    <!-- Second, add the Timer and Easing plugins -->
    <script type="text/javascript" src="../js/jquery.timers-1.2.js"></script>
    <script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>
    
    <!-- Third, add the GalleryView Javascript and CSS files -->
    <script type="text/javascript" src="../js/jquery.galleryview-3.0-dev.js"></script>
    <link type="text/css" rel="stylesheet" href="../css/jquery.galleryview-3.0-dev.css" />
    
    <!-- Lastly, call the galleryView() function on your unordered list(s) -->
    <script type="text/javascript">
        $(function(){
            $('#myGallery').galleryView({
            transition_speed: 2000,         //INT - duration of panel/frame transition (in milliseconds)
            transition_interval: 4000,         //INT - delay between panel/frame transitions (in milliseconds)
            easing: 'swing',                 //STRING - easing method to use for animations (jQuery provides 'swing' or 'linear', more available with jQuery UI or Easing plugin)
            show_panels: true,                 //BOOLEAN - flag to show or hide panel portion of gallery
            show_panel_nav: false,             //BOOLEAN - flag to show or hide panel navigation buttons
            enable_overlays: true,             //BOOLEAN - flag to show or hide panel overlays
            
            panel_width: 800,                 //INT - width of gallery panel (in pixels)
            panel_height: 400,                 //INT - height of gallery panel (in pixels)
            panel_animation: 'crossfade',         //STRING - animation method for panel transitions (crossfade,fade,slide,none)
            panel_scale: 'crop',             //STRING - cropping option for panel images (crop = scale image and fit to aspect ratio determined by panel_width and panel_height, fit = scale image and preserve original aspect ratio)
            overlay_position: 'bottom',     //STRING - position of panel overlay (bottom, top)
            pan_images: true,                //BOOLEAN - flag to allow user to grab/drag oversized images within gallery
            pan_style: 'drag',                //STRING - panning method (drag = user clicks and drags image to pan, track = image automatically pans based on mouse position
            pan_smoothness: 15,                //INT - determines smoothness of tracking pan animation (higher number = smoother)
            start_frame: 1,                 //INT - index of panel/frame to show first when gallery loads
            show_filmstrip: true,             //BOOLEAN - flag to show or hide filmstrip portion of gallery
            show_filmstrip_nav: true,         //BOOLEAN - flag indicating whether to display navigation buttons
            enable_slideshow: true,            //BOOLEAN - flag indicating whether to display slideshow play/pause button
            autoplay: false,                //BOOLEAN - flag to start slideshow on gallery load
            show_captions: false,             //BOOLEAN - flag to show or hide frame captions    
            filmstrip_size: 3,                 //INT - number of frames to show in filmstrip-only gallery
            filmstrip_style: 'scroll',         //STRING - type of filmstrip to use (scroll = display one line of frames, scroll filmstrip if necessary, showall = display multiple rows of frames if necessary)
            filmstrip_position: 'bottom',     //STRING - position of filmstrip within gallery (bottom, top, left, right)
            frame_width: 164,                 //INT - width of filmstrip frames (in pixels)
            frame_height: 50,                 //INT - width of filmstrip frames (in pixels)
            frame_opacity: 0.5,             //FLOAT - transparency of non-active frames (1.0 = opaque, 0.0 = transparent)
            frame_scale: 'crop',             //STRING - cropping option for filmstrip images (same as above)
            frame_gap: 5,                     //INT - spacing between frames within filmstrip (in pixels)
            show_infobar: true,                //BOOLEAN - flag to show or hide infobar
            infobar_opacity: 0.3                //FLOAT - transparency for info bar
            });
        });
    </script>
    Logo Slider ise JASlider Joomla :

    Jquery linki : http://www.europebasketballacademy.c...%2Fjs_b2cd6.js

    Yardimlariniz icin simdiden tesekkurler

    Not : Ücretli yapmayı düşünenler varsa tekliflerinizi bekliyorum
  • 28-08-2013, 14:02:53
    #2
    Ben de zamanında hazır kullanırdım hazır kullanırken genelde 1 tanede sorun olmuyor ama aynı işlevi gören 2-3 farklı slider kullanmaya kalkışırsan değişkenler çakışabiliyor diye biliyorum, tavsiyem kolay olanı elle yapmaya çalışın.
  • 28-08-2013, 14:05:03
    #3
    KorsaNvBh adlı üyeden alıntı: mesajı görüntüle
    Ben de zamanında hazır kullanırdım hazır kullanırken genelde 1 tanede sorun olmuyor ama aynı işlevi gören 2-3 farklı slider kullanmaya kalkışırsan değişkenler çakışabiliyor diye biliyorum, tavsiyem kolay olanı elle yapmaya çalışın.
    Maalesef JQuery pek ilgi alanim olmadigi icin elle yapmam imkansiz Bu yuzden script kullaniyorum
  • 29-08-2013, 12:45:20
    #4
    Sizi pvp-kenti veya ko-cuce gibi yerlerden hatırlıyor gibiyim yanlış hatırlamıyorsam eğer. Şöyle söyliyeyim bu tarz sorunlar JS'lerin birbirine karışmasından meydana gelir. 2 Slide mevcut diyorsunuz Logo & Galeri Slider eminim ki ikisinin js dosyalarını entegre ettiğiniz için karmaşa yaşanıyor. Hazır JQ Slider'de genellikle div isimleri aynı oluyor ( wrapper , container ) bu nedenlede karışıyor olabilir. Yani arkadaşın dediği gibi kendinizin göz atması gerekecek ücret istenecek bir olay değil basit bir olay.