adding data speed

I created a page with a lot of images (you can see here, it is called Sponsors: http://itef.kalemkultur.com/). i do not want the images loaded at the same time, but i want them to load like they do on speakers page (like the original version of the theme). so how can create this effect and what should i add to create such a data speed?

also i will be putting all the images inside a table to make them look organized.... would it be difficult then to make that data speed thing?

You have to add data-scroll animation attributes to your <img.. > or other html tags.

Code: Select all

<img src="image_path"  alt="..." data-scroll-reveal="enter bottom and wait 0s">


the next image should be:

Code: Select all

<img src="image_path"  alt="..." data-scroll-reveal="enter bottom and wait 0.1s">


and go on, the delay depends on the wait [value]s, it should also works with your table.

well, thanks. i just do not understand where to put these codes? inside the page on text side? where are my <img.. > or html tags?

How did you add your images to sponsors section? If you've added it in page content visual editor, please switch into Text editor and you'll find <img src..> tags for each image, so you have to edit it and add data-scroll-reveal="..." attributes to each image.

many thanks for the info, now the my page is in harmony with the rest of the site...