Calling a slideshow function in another jQuery script

lukinhasb · 02-12-2013, 02:08 PM

Brothers and sisters,

I have a problem:

When I click "Edit" button, the slideshow should STOP.

So I tried this:

Edit button code (editor-plugin.js):

Code:

    base.prototype.pre_edit_button = function() {
      var _this = this;
      return jQuery('<button>', {
        'class': 'fee-hover-edit',
        'html': FrontEndEditor.data.edit_text,
        'click': function(ev) {
          _this.last_mouse_pos = ev.pageY;
          return _this.start_editing();
        }
      });
          
        };

Slideshow code (header.php):

Code:

    <script type="text/javascript">
      jQuery(document).ready(function($) {
         $('#slideshow ul.slideshow').cycle({
            timeout: <?php echo $slideshowspeed;?>,  // milliseconds between slide transitions (0 to disable auto advance)
            fx:      '<?php echo $slide_transition;?>', // choose your transition type, ex: fade, scrollUp, shuffle, etc...            
            pager:   '#pager',  // selector for element to use as pager container
            pause:   1,	  // true to enable "pause on hover"
            pauseOnPagerHover: 1 // true to pause when hovering over pager link
        });
      });
    </script>

And here's my try:

Code:

    base.prototype.pre_edit_button = function() {
      var _this = this;
      return jQuery('<button>', {
        'class': 'fee-hover-edit',
        'html': FrontEndEditor.data.edit_text,
        'click': function(ev) {
          jQuery(document).ready(function($) {$('#slideshow ul.slideshow').cycle({ timeout: '100000' });});
          _this.last_mouse_pos = ev.pageY;
          return _this.start_editing();
        }
      });
    
    };

But it didn't work :s

Any ideas?

Thanks!