Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    jQuery Scrolling Images

    Hello.

    I have a gallery here: [link removed]

    I am using GalleryView.

    What I require is that when a user clicks either of the arrows, I don't want to main image to change (I want it to stay as is) but I DO of course want to bottom thumbnail gallery to scroll.

    In short - clicking on either arrows makes the thumbnails scroll only.

    I believe this is the relevant code:

    PHP Code:
    bindActions: function() {
                var 
    self this,
                    
    dom this.dom;
                
                
    dom.gv_showOverlay.bind('click.galleryview',function(){
                    if(
    self.overlayVisible) {
                        
    self.hideOverlay(250);
                    } else {
                        
    self.showOverlay(250);
                    }
                });
                
                
    dom.gv_navWrap.delegate('div','click.galleryview',function(){
                    var 
    el = $(this);
                    if(
    el.hasClass('gv_navNext')) {
                        
    self.showNext();    
                    } else if(
    el.hasClass('gv_navPrev')) {
                        
    self.showPrev();
                    } else if(
    el.hasClass('gv_navPlay')) {
                        
    self.startSlideshow(true);
                    } else if(
    el.hasClass('gv_navPause')) {
                        
    self.stopSlideshow(true);
                    }
                    return 
    false;
                });
                
        
    dom.gv_panelNavNext.bind('click.galleryview',function(){ 
                    
    self.showNext(); 
                    return 
    false;    


                });
                
    dom.gv_panelNavPrev.bind('click.galleryview',function(){
                    
    self.showPrev(); 
                    return 
    false;
                });

    dom.gv_filmstripWrap.delegate('.gv_frame','click.galleryview',function(){
                    var 
    el = $(this),
                        
    el.data('frameIndex');
                    
                    
    this.navAction 'frame';
                    
    self.showItem(i);
                    return 
    false;
                });

                
                
    dom.gv_panelWrap.bind('mouseover.galleryview',function(){
                    
    self.showPanelNav();
                }).
    bind('mouseout.galleryview',function(){
                    
    self.hidePanelNav();
                });
            },
            
            
    unbindActions: function() {
                var 
    self this,
                    
    dom this.dom;
                    
                
    dom.gv_showOverlay.unbind('click.galleryview');
                
    dom.gv_panelNavNext.unbind('click.galleryview');
                
    dom.gv_panelNavPrev.unbind('click.galleryview');
                
    dom.gv_navWrap.undelegate('div','click.galleryview');
                
    dom.gv_filmstripWrap.undelegate('.gv_frame','click.galleryview');
            }, 
    Thanks.
    Last edited by VIPStephan; 04-07-2014 at 11:28 PM. Reason: removed link upon request

  • #2
    New to the CF scene
    Join Date
    Nov 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I've had a look through again and can't get it to work.

    Any ideas?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •