image not fading in in article in hot app sparky

mobiledi
Inactive member
Topic Author
New Member

10 years 3 months ago #41876 by mobiledi

image not fading in in article in hot app sparky was created by mobiledi

Hi,
I am using the hot app joomla template built on the sparky framework. See template demo below.
www.hotjoomlatemplates.com/joomla-templates/294-hot-app

I downloaded the template and installed it in my local XAMPP installation with the hot app quick start which also has Joomla 3.0.
After the install when I click on any of the "Read More" buttons to open any of the articles. They do not load the image that is part of the article. I can see the image in the demo of the template (see link above) but on my local install I see a blank space in that section for all articles.
I did a chrome inspect element and every time an article page is opened I see the below error in the console. What could be the problem for loading the images in the article? Any pointers would be greatly appreciated...can you please help?

Code:

Uncaught TypeError: undefined is not a function 
sed-ut-perspiciatis-unde-4:432(anonymous function) sed-ut-perspiciatis-unde-4:432n.event.dispatch jquery.min.js:3r.handle jquery.min.js:3n.event.trigger jquery.min.js:3e.event.trigger jquery-migrate.min.js:2(anonymous function) jquery.min.js:3n.extend.each jquery.min.js:2n.fn.n.each jquery.min.js:2n.fn.extend.trigger jquery.min.js:3a.extend._changeState qoopido.emerge.1.2.2.min.js:1a.extend._checkState qoopido.emerge.1.2.2.min.js:1h qoopido.emerge.1.2.2.min.js:1(anonymous function) qoopido.emerge.1.2.2.min.js:1

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

10 years 3 months ago #41884 by ivan.milic

Replied by ivan.milic on topic image not fading in in article in hot app sparky

undefined is not a function is script error and can be cause of site behaving unexpected. Maybe it is related to fact that installation is on your local machine, you probably have something set improperly

Please Log in to join the conversation.

mobiledi
Inactive member
Topic Author
New Member

10 years 3 months ago #41886 by mobiledi

Replied by mobiledi on topic image not fading in in article in hot app sparky

yes, this is a local install. Where would you advise me to look? I just ran the hot app quick install that takes you through the joomla installation. I did no specific configurations in any of the files. Just filled in the site name, database name, user name, admin account user/pass and thats it.

Please Log in to join the conversation.

mobiledi
Inactive member
Topic Author
New Member

10 years 3 months ago #41895 by mobiledi

Replied by mobiledi on topic image not fading in in article in hot app sparky

Here's the code where the error is occurring. Right between 'fadeInRight' and this.removeClass('fadeOutRight')

Code:

;(function(jQuery, window, document, undefined) {
    'use strict';

    
        jQuery('.content_sparky img')
            .on('emerged.emerge', function(event) {
                this.addClass('fadeInRight');
                this.removeClass('fadeOutRight');
            })
            .on('demerged.emerge', function(event) {
                this.addClass('fadeOutRight');
                this.removeClass('fadeInRight');
            })
        .emerge({
            interval:   20,     // default
            threshold:  'auto', // default
            recur:      true,   // default
            auto:       0.5,    // default (meaning 0.5 * screen width/height threshold)
            visibility: true    // default
        });

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

10 years 3 months ago #41902 by ivan.milic

Replied by ivan.milic on topic image not fading in in article in hot app sparky

above:

jQuery('.content_sparky img')

insert:

if(jQuery('.content_sparky img')[0])

Please Log in to join the conversation.

mobiledi
Inactive member
Topic Author
New Member

10 years 3 months ago #41999 by mobiledi

Replied by mobiledi on topic image not fading in in article in hot app sparky

I tried adding that line I still have the same issue.
Here's what I did.

Code:

if(jQuery('.content_sparky img')[0]){
        jQuery('.content_sparky img')
            .on('emerged.emerge', function(event) {
                this.addClass('fadeInRight');
                this.removeClass('fadeOutRight');
            })
            .on('demerged.emerge', function(event) {
                this.addClass('fadeOutRight');
                this.removeClass('fadeInRight');
            })
        .emerge({
            interval:   20,     // default
            threshold:  'auto', // default
            recur:      true,   // default
            auto:       0.5,    // default (meaning 0.5 * screen width/height threshold)
            visibility: true    // default
        });}

Please Log in to join the conversation.

Time to create page: 0.097 seconds