Download & Extend

Have a jquery sliding effect for transition and alternative pager

Project:AJAX Views
Version:5.x-1.5
Component:User interface
Category:feature request
Priority:normal
Assigned:febbraro
Status:active

Issue Summary

First off, this module is amazing! I'm using it to display thumbnails of my videos uploaded and converted by the FlashVideo module, I'll write some documentation on how I achieved this. One killer feature this module could have is to have a transition effect to slide between pages in the block. Something like this module (http://drupal.org/project/panels_carousel) here you can see a demo (http://wimleers.com/demo/mini-panels). This would make such a killer feature for this module! I have been spreading the word in IRC about this module, so hopefully we will get more people on board using this module.

Another feature that would be cool to have is to have the option between the default pager, and another pager like dynamic views. Just some thoughts on how to improve this *awesome* module. If I get this module working with the jquery effect to slide between pages, I'll submit a patch, but this is probably something really easy for the module maintainer, so let me know if you get something like this working!

Thanks again for the nice module.

Comments

#1

change your ajax_views.js to:

/**
* Fetches the new page and puts it inline.
* @param id - The element id whose contents will get replaced
* @param viewUrl - The URL for the new page
* @param page - The page number to request
*/
function fetchPage(id, viewUrl, page) {
  $(id).ajaxStart(function(){$(this).fadeTo("slow", 0);});
  $(id).ajaxStop (function(){$(this).fadeTo("slow", 1);});

  $.get(viewUrl, {page: page}, function(data, status) {
    $(id).html(data);
  });
  return false;
}

bye
Mavimo

#2

Assigned to:Anonymous» febbraro

Thanks mavimo. That will do it.

There are ways to potentially make the JS more customizable like making the call to drupal_add_js be inside of a hook that gets called so that it can be easily overridden by the theme, etc. I'll put this on the list of things to get in the next release.

#3

There are some other possible fade transition, I'm dev a list of function choisable by interface admin to do it (transition, sliding, ..) but only after solving the main bug (or defeature) based on problem with theming with CCK and fields.

#4

I like the fade effect! (and the module too, awesome job)

I'm wondering if there is any way to have the progress icon show up in between fading content in and out? Right now it fades to nothing, waits a bit, and then fades in the new block of content. Any ideas on how to have the progress image (or text) show up as the content is loading in the background? (kind of like what appears when the block initially loads).

Alternatively, using the original .js, maybe the page "x of y" could be replaced with a progress icon or text as the next page is loading, since there is no current indicator of anything happening when you click on a next or previous link.

nobody click here