404 (Not Found)

[harakhty]

After adding Jatt to the AnythingSlider plugin I'm now getting an error of 404 (Not Found) error in jquery.jatt.js:293.

"cacheImage.src = preloads[i];"

This is how I'm loading it:

$('#slider').anythingSlider({
    theme               : 'metallic',
    expand              : true,
    buildStartStop      : false,
    autoPlay            : false,
    showMultiple        : false,
    toggleArrows        : true,         
    toggleControls      : false,
    enableKeyboard      : true, 
    navigationFormatter : function(i, panel){
        return {
            'title'  : [panel.find('h3').text(), panel.find('h3').text(), panel.find('h3').text(), panel.find('h3').text(), panel.find('h3').text()][i - 1],
            'html'   : '<a class="panel' + i + '" href="#"><span>' + i + '</span></a>'
        };
    }
});
$.jatt();

Any idea what the issue is here?

[harakhty]

I dont know if this was the correct "fix" for this or not but I ended up changing your code on line 290. I changed your for loop -1 to 0 and now its fine.

for (i = len; i > 0; i--) {
    //console.log('preloading image: ' + preloads[i] + len);
    cacheImage = document.createElement('img');
    cacheImage.src = preloads[i];
    cache.push(cacheImage);
}

[Mottie]

Hmm, ok I'll look into this. Are you using the preload class name in the HTML?

Could you please share some of your HTML, thanks!

And that should probably be i >= 0 since arrays are a zero-based index.

[harakhty]

<div id="slideWrapper">
  <ul id="slider">
    <li><h3>Data View</h3><div id="myGrid" class="slides">Test1</div></li>
    <li><h3>Calendar Graph</h3><div id="graph1" class="slides">Test2</div></li>
    <li><h3>Bar Graph</h3><div id="graph2" class="slides">Test3</div></li>
    <li><h3>Line Graph</h3><div id="graph3" class="slides">Test4</div></li>
    <li><h3>Pie Graph</h3><div id="graph4" class="slides">Test5</div></li>
  </ul>
</div>

[Mottie]

Ok, you'll need to update Jatt to the latest version and use this AnythingSlider initialization code:

$('#slider').anythingSlider({
    theme               : 'metallic',
    expand              : true,
    buildStartStop      : false,
    autoPlay            : false,
    showMultiple        : false,
    toggleArrows        : true,
    toggleControls      : false,
    enableKeyboard      : true,
    onInitialized       : function(e, slider) {
        $.jatt(); // initialize tooltip script after navigation has been built
    },
    navigationFormatter : function(i, panel){
        return {
            // add tooltip class for the tooltip plugin to work
            // this is a bug in the AnythingSlider script, it should have automatically added the "tooltipClass" class name.
            'class'  : 'tooltip',
            'title'  : panel.find('h3').text(),
            'html'   : '<a class="panel' + i + '" href="#"><span>' + i + '</span></a>'
        };
    }
});

Note that I found a bug in the AnythingSlider script (v1.7.27) that does not add the tooltipClass class name appropriately when using the navigationFormatter. I'll fix it in the next update of AnythingSlider, but the 'class' : 'tooltip' part of the code above should work around that for now.

[harakhty]

Awesome! Thank you sir!

[Lux-Delux]

Hello, I'm getting the same error with latest version at line 293
cacheImage.src = preloads[i];

example html (not using it with other plugins)

<a href="/shitfaces/ralf-moeller" class="screenshot { direction: s;opacity: 1 }" rel="http://d22wc7gqqicp7.cloudfront.net/ralf.jpg" title="">Ralf Moeller</a>

it all works visually, but Chrome keeps throwing this error. Any ideas? Cheers

[Mottie]

HI ddem1!

The HTML works for me in this demo... maybe there is something else interfering? Are you using any non-default settings?

[Lux-Delux]

Here's a direct example of where I get an error
http://www.bad-good.org/tvshow/conan/heart-elephant-part-1

I'm using it on the names on top under 'starring'

I'm certain I messed up somewhere but can't figure it out

[Mottie]

Hmm, yeah it's trying to load a non-existent preload.... you know I'm just going to change that for loop to increment instead of decrement... update coming soon:

for (i = 0; i < len; i++) { // line 290

[Lux-Delux]

Awesome! Changed it and no errors now!

Thanks for the quick response and fix!

Cheers

[Mottie]

And the repo has been updated as well :P Thanks for reporting the issue :)