-
Posts
-
image animation on scroll .. thumbs have no gone grey till end again even with the .js patch to shortcodes.js
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
}).trigger('avia_start_animation');has something else changed ?
Hi,
Are you saying that the greyscale loading effect for gallery is not working? I tested this on my end and the gallery loads with the greyscale effect just like before. Can you give us a link to your website?
Regards,
Ismael
Hi Ismael.. I mean I have had it patched to load all the thumbs at the start as I have some massive galleries and thats a lot of scrolling down until they show from faded to full colour.. After the update the anim is there no matter what now..
Hey,
Please refer to this link: https://kriesi.at/support/topic/scrolling-to-bottom-before-gallery-loads
Regards,
Ismael
hi ismael… perhaps you misread the above !
I already had that patch in place.. repatched the new files but it doesnt appear to work on 1.9.1 whereas it did previously
Hence the subject title and patch code which pasted above is what you linked me to :-!
please try to replace
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
}).trigger('avia_start_animation');with
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
});
gallery.trigger('avia_start_animation');implemented but it still seems to require a scroll to the very end to ungrey the thumbs :-( cleared all caches and restarted browser so it isnt that !
Hi!
Strange, the code worked for me. However I changed it a bit now – please try it again.
Best regards,
Peter
That appears to work ! This might be a bit cheeky of me to ask considering you have been so helpful, but would there be a way to trigger the animation when you hit the start of the gallery, rather than removing the anim completely ? I think the client liked the anim, just not the greyed thumbs !
odd now it doesnt work on all galleries :-(
http://goo.gl/lmJMXH <- lots of smaller galleries = no
but this with one gallery does (most of the time but not always)
cheers !
Hi,
You officially have the slowest site I have visited this year. http://www.webpagetest.org/result/130812_XP_N9Z/1/details/
It takes 15 seconds of wait before your website even displays something when it normally should take 1.5-2.5 seconds. which tells me that you are either being hosted on the world’s most busiest and oversold server in Botswana or you pay 50 cents a year for hosting.
What I can guarantee is that based on that speed (you are slower than 99.999% of websites), Google will give you a huge penalty in search results since speed is one of the important components of how it ranks websites. Also, most people will not wait nearly 2 minutes for a website to load since a recent poll showed that 20% of visitors refuse to even wait over 3 seconds.
You put in a lot of time and thought into this (i put in some as well, lol) so here is what you should do.
1) Get an FTP program and connect to your /wp-content/uploads/ folder and find there the folders which contain images. Download them all to your desktop. then you should optimize them. Please remember that JPG format is made for photos , for big sized images and PNG format is more for vector/digital art , transparencies and small objects like buttons, etc…
RulesNo image at all should be over 100K that loads with the page. Each page should be no more than 1.5Megs maximum. (Yours http://www.ancientskies.info/ancientskies/ancient_skies_multimedia_gallery/ is 15 Megs which makes it about 1/2 the size of the browser you are using).
—-FOR PNG
for png optimization please go here http://tinypng.org/ and 20 at a time , optimize all the images found in the folder i mentioned above.
—FOR JPG
Go here http://jpeg-optimizer.com/ (it has a resizer, but if you do not need that, just unclick the checkbox for size but keep the optimization settings how the website advices (only 2 choices so its easy).
When you are done with the images, and emptied any cache you may have , run the test from the website i first mentioned.
—-Please install a cache plugin Super Cache and configure it after your launch *(do not use this while developing or you will not see the changes you made).
Only at that point if the time to first byte remains higher than 1 second would I contact your host to explain why you keep seeing turtles and snails consistently outrun you.
the issue you are experiencing (and me as well when i try to view your site using chrome dev tools) is directly related to this issue since you are still loading things 90 seconds after connecting.)
Each ‘thumbnail’ on that page is over 400K in size when they should be 20-40k. Photoshop is horrible at optimizing images since the do not do lossless optimisation just lossy (and not very well).
Thanks,
Nick
thanks for the nice reply… as for being the slowest.. do i win a prize ? :-)
Thanks for the in depth reply – the images in the gallery all will be optimised however the client has very strict rules due to the nature of the people viewing it (cinema projectionists).. and the site is EXTREMELY content rich..
the other uploaded images are optimised using pixresizer which is always a winner for shrinkage ! For the others I was going to wp-smushit afterwards..
im hosted on dreamhost.. not a botswana site.. but recently feels like it… they are having some issue atm.. ;-) You should check out the load times of the backend. sheesh !
As for loading times being the cause of the anim not displaying till the end of the gallery even with the fix in place.. well the gallery has not been changed – enfold was updated and the above fixes put in place.. the anim (grey out) is still there till gallery end.. so while I agree the site is big… im not sure its 100% the cause of the problem (which was not there in the versions prior to 1.9)
fwiw the gallery pics were all optimised before.. and for 24bit transparent .png – it was a requirement !
shrinking all the files again hasnt resulted in much saving.. but its a big gallery..
and the anim still needs scrolling to the end of it to start !
Have moaned at dh to see why the slowdown…
- The topic ‘.trigger('avia_start_animation') fix no longer working in 1.9.1’ is closed to new replies.