Is there a relatively simple way to physically .load() content with cycle rather than just show/hide the divs? I am currently using a fade effect and would like to load() the content simultaneously, yet unload() when the next slide is triggered - couple this to a dynamic hash plugin and you got yourself a next-generation website navigation
Below I have a set of elements that load each url as an index into a div. I want to do something similar but with cycle
- var urls = [
- 'url element #1',
- 'url element #2',
- 'url element #3',
- 'url element #4',
- ];
- $(function() {
- $.each(urls, function(i, url) {
- var index = i+1;
- $(".cell_"+index+" a").live('mouseover', function(){
- $('#gridInfo').delay(80).fadeIn(80).load(url);
- }).live('mouseout', function(){
- $('#gridInfo').stop(true,true).fadeOut(80);
- });
- });
- });