- Posts: 14116
- Thank you received: 1639
Images Animation
-
tamarae11
Inactive member - Topic Author
- Visitor
10 years 11 months ago #36311
by tamarae11
Images Animation was created by tamarae11
All of the images that have been dropped into the site transition in slowly. How do I adjust the speed for the transition of the images in the articles?
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
10 years 11 months ago #36321
by ivan.milic
Replied by ivan.milic on topic Images Animation
Do you use semi-transparent images?
Please Log in to join the conversation.
-
tamarae11
Inactive member - Topic Author
- Visitor
10 years 11 months ago #36344
by tamarae11
Replied by tamarae11 on topic Images Animation
No, no transparent images...
The images just come in like 5 seconds after the page loads.
The images just come in like 5 seconds after the page loads.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 11 months ago #36349
by ivan.milic
Replied by ivan.milic on topic Images Animation
Ok, yes. I understand. One thing to do is to optimize images to ba as much small in size (size on disk) as they can be preserving decent quality. Other thing it to try to pre-load them. Simplest pre-load method is to put dome empty DIVs with background-image property in style attribute set to point at your images. You can silently place them in any custom HTML module and set width:0px;height:0px; so they dont show up.
example:
<div style="display:block;width:0;height:0;overflow:hidden;background-image:URL(../image/myImage1.jpg)"></div>
<div style="display:block;width:0;height:0;overflow:hidden;background-image:URL(../image/myImage2.jpg)"></div>
...
example:
<div style="display:block;width:0;height:0;overflow:hidden;background-image:URL(../image/myImage1.jpg)"></div>
<div style="display:block;width:0;height:0;overflow:hidden;background-image:URL(../image/myImage2.jpg)"></div>
...
Please Log in to join the conversation.
Time to create page: 0.159 seconds