Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2015-11-16 12:51:47

Gallex
Member
Registered: 2006-10-08
Posts: 1,308

css: flicking images on page load

hi!

on page load, all slideshow images are flicking for a moment.

obviously there is an easy solution, but can’t figure out…..

Offline

#2 2015-11-16 13:12:17

philwareham
Core designer
From: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

Re: css: flicking images on page load

Looks fine to me – what browser and connection speed?

Offline

#3 2015-11-16 13:29:22

Gallex
Member
Registered: 2006-10-08
Posts: 1,308

Re: css: flicking images on page load

philwareham wrote #296643:

Looks fine to me – what browser and connection speed?

win 10, all bowsers, 4G (fast)

Offline

#4 2015-11-16 15:08:53

NicolasGraph
Plugin Author
From: France
Registered: 2008-07-24
Posts: 860
Website

Re: css: flicking images on page load

philwareham wrote #296643:

Looks fine to me – what browser and connection speed?

Looks fine to me too…


Nicolas
Follow me on Twitter and GitHub!
Multiple edits are usually to correct my frenglish…

Offline

#5 2015-11-16 16:19:06

philwareham
Core designer
From: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

Re: css: flicking images on page load

It’s probably just the images loading, and quite normal behaviour. Especially noticeable on a slower connection if you don’t set explicit fixed width and height attributes on images in HTML (which we tend not to nowadays, because of responsive pages).

Offline

#6 2015-11-16 16:41:33

GugUser
Member
From: Quito (Ecuador)
Registered: 2007-12-16
Posts: 1,473

Re: css: flicking images on page load

If I disable the CSS I see twice the 276 image. Why? It seems to me that has to do with it.

Offline

#7 2015-11-16 17:31:26

giz
Member
From: New Zealand
Registered: 2004-07-26
Posts: 299
Website GitHub Twitter

Re: css: flicking images on page load

Offline

#8 2015-11-17 08:18:02

Gallex
Member
Registered: 2006-10-08
Posts: 1,308

Re: css: flicking images on page load

giz wrote #296657:

See Why do all my images (slides) display briefly when the page loads? (near the bottom of Cycle2’s FAQ).

great! thank you giz!

solution:

.cycle-slideshow img{
display: none;
}

.cycle-slideshow img:first-child{ 
display: block;
}

Offline

Board footer

Powered by FluxBB