Hi,

Which framework is this? How the animation is coming?

Please share your thoughts with bellow the sample link.

http://www.officeline.se/kampanj/

Thanks in advance!!

jquery

and
https://github.com/Prinzhorn/skrollr

Thanks a lot!

How can i set Custom Data Attributes in html tags like the following code?

<img  data-0="display: block;" data-25="display: none;" src="files/scen_1_0.png" alt="Lei">
<img  data-0="display: none;" data-24="display: block;" data-50="display: none;" src="files/scen_1_2.png" alt="Lei">
<img data-0="display: none;" data-49="display: block;" data-75="display: none;" src="files/scen_1_4.png" alt="Lei">

data-0, data-25, data-24, data-50, data-49, data-75...?? ...is there any calculation?

Thanks again.

Originally Posted by soumen_07

Thanks a lot!

How can i set Custom Data Attributes in html tags like the following code?

<img  data-0="display: block;" data-25="display: none;" src="files/scen_1_0.png" alt="Lei">
<img  data-0="display: none;" data-24="display: block;" data-50="display: none;" src="files/scen_1_2.png" alt="Lei">
<img data-0="display: none;" data-49="display: block;" data-75="display: none;" src="files/scen_1_4.png" alt="Lei">

data-0, data-25, data-24, data-50, data-49, data-75...?? ...is there any calculation?

Thanks again.

Setting custom attribute is only really available by making your own DTD. If all you want is for styling, just use classes in CSS (you can set multiple classes by using a space in the class attribute).

I remember wanting to create my own DTD a while back. It's a huge task (unless you edit one), and I really had no clue what to look at or where to look. It all boils down to what you need those attributes for.

EDIT: Nevermind, NullPointer brought up a good point that I didn't know about - you can set data-* attributes in HTML5.

http://www.w3.org/TR/2010/WD-html5-2...ata-attributes

In HTML5 you can use data-* attributes to store information pertaining to a particular element. You don't have to create a dtd to use data-* attributes.

data-0, data-25, data-24, data-50, data-49, data-75...?? ...is there any calculation?

How can i set this? Please help.

Originally Posted by soumen_07

data-0, data-25, data-24, data-50, data-49, data-75...?? ...is there any calculation?

How can i set this? Please help.

I'm not sure what you're asking.

You set it like you set any other attribute. How do you set the ID attribute of an element?

Actually this is a site: http://www.officeline.se/kampanj/
in this site a chair animating frame by frame with the scroll. how it is coming?

Also, I saw every frame of the image they have used the attribute like "data-0, data-25, data-24, data-50, data-49, data-75..."

What is the roll of this attribute?

following code is in the site:-

<img style="display: none; opacity: 1;" class="skrollable unrendered" data-0="display: block;" data-25="display: none;" src="files/scen_1_0.png" alt="Officeline Lei">

<img style="display: none; opacity: 1;" class="skrollable unrendered" data-0="display: none;" data-24="display: block;" data-50="display: none;" src="files/scen_1_2.png" alt="Officeline Lei">

<img style="display: none; opacity: 1;" class="skrollable unrendered" data-0="display: none;" data-49="display: block;" data-75="display: none;" src="files/scen_1_4.png" alt="Officeline Lei">

Thanks!