Image Animation

silverfox47
Inactive member
Topic Author
Member

8 years 11 months ago #44881 by silverfox47

Replied by silverfox47 on topic Image Animation

Hi, Sorry to chase but any update on this? Thanks

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

8 years 11 months ago #44886 by ivan.milic

Replied by ivan.milic on topic Image Animation

After all you are expecting problem with Hot Film Tape speed, am I right?

As soon as we solve your problem we will write. Thanks for understanding.

Please Log in to join the conversation.

milos
Support Staff
Moderator

8 years 11 months ago - 8 years 11 months ago #44887 by milos

Replied by milos on topic Image Animation

Do you have problems with Timer Bar option? This option, when enabled, shows a bar below the slide show that is scrolling to the right ("countdown" until the next slide opens).

BTW there's no option in Hot Film Tape that sets scrolling speed.

Please explain what's exactly your problem with this module.

Thanks

Last edit: 8 years 11 months ago by milos.

Please Log in to join the conversation.

silverfox47
Inactive member
Topic Author
Member

8 years 11 months ago #44888 by silverfox47

Replied by silverfox47 on topic Image Animation

Hi,

Some misunderstanding here so let me explain the problem:

1, Using Hot App Template (Joomla 3.4)
2, A page that has simple graphics on takes a long time for graphics to appear, some script seems to scroll them in but will take say 5 - 6 seconds to appear. On this page Hot Film Tape is not used or involved.
3, I am not using Hot Film Tape at all on the site but it is installed with the Hot Start Installation
4, It was suggested by Support that I upgrade Hot Film Tape which I did

Would removing Hot Film Tape fix this problem?

Thanks

Please Log in to join the conversation.

milos
Support Staff
Moderator

8 years 11 months ago #44889 by milos

Replied by milos on topic Image Animation

Hi,

Home page of your site does not have any traces of Hot Film Tape. Even if it module is installed, it does not make any problems on your site. Hot App template shows all the images with animation, but it doesn't take 5-6 secs to load. You can disable this animation if you edit file /templates/hot_app/css/templates_css.css and delete this part:

Code:

/* animation */

@-webkit-keyframes topmenushow {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px);  -moz-transform: translateY(-50px); 
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateY(0); -moz-transform: translateY(0);
    }
}

@-moz-keyframes topmenushow {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px);  -moz-transform: translateY(-50px); 
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateY(0); -moz-transform: translateY(0);
    }
}

@-o-keyframes topmenushow {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px);  -moz-transform: translateY(-50px); 
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateY(0); -moz-transform: translateY(0);
    }
}
@keyframes topmenushow {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px);  -moz-transform: translateY(-50px); 
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateY(0); -moz-transform: translateY(0);
    }
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity:0;-webkit-transform:translateX(20px)
	}

	100% {
		opacity:1;-webkit-transform:translateX(0)
	}
}

@-moz-keyframes fadeInRight{
	0% {
		opacity:0;-moz-transform:translateX(20px)
	}

	100% {
		opacity:1;-moz-transform:translateX(0)
	}
}

@-ms-keyframes fadeInRight{
	0% {
		opacity:0;-ms-transform:translateX(20px)
	}

	100% {
		opacity:1;-ms-transform:translateX(0)
	}
}

@-o-keyframes fadeInRight{
	0% {
		opacity:0;-o-transform:translateX(20px)
	}

	100% {
		opacity:1;-o-transform:translateX(0)
	}
}

@keyframes fadeInRight{
	0% {
		opacity:0;transform:translateX(20px)
	}

	100% {
		opacity:1;transform:translateX(0)
	}
}

Thanks

Please Log in to join the conversation.

silverfox47
Inactive member
Topic Author
Member

8 years 11 months ago #44890 by silverfox47

Replied by silverfox47 on topic Image Animation

Hi,

I did this and now the images do not show - I left the site like this so you can check

Thanks

Please Log in to join the conversation.

Time to create page: 0.337 seconds