blasten / turn.js

The page flip effect for HTML5
www.turnjs.com
Other
7.24k stars 2.48k forks source link

Turn js : page back side background individual for each page #592

Open phpworld opened 7 years ago

phpworld commented 7 years ago

i need the page back side background is different for each and non transparent . help me ...?

i need Different back background for each flip pages

phpworld commented 7 years ago

yeaah i did that đź‘Ť Solution is : -------------------------------------

HTML :

Das gewisse etwas

Besondere Papiere

für besondere Anlässe

Gesamtübersicht…

Das natĂĽrliche

Mehr als nur ein Trend! Dieses außergewöhnliche Luxus-Papier besteht zu 25% aus Leder. Es besticht durch seinen unverwechselbaren Look und seine erstaunlich weiche und samtige Haptik – „Natural Feel“. Die richtige Wahl für anspruchsvolle Individualisten.

Grammatur: 250 g/qm

Farbe: Smoke

Hersteller: Favini „Remake”

Gesamtübersicht…

Das Glamouröse

Noch festlicher geht nicht! Mit seinen feinen, glänzenden Gold-Glanzpigmenten ist dieses Qualitätspapier ein echter Hingucker!

Grammatur: 300 g/qm

Farbe: Sirio Pearl, Aurum

Hersteller: Fedrigoni

Gesamtübersicht…

Das Eindrucksvolle

Das muss man einfach anfassen! Die deutlich sichtbare, gehämmerte Strukturierung verleiht dieser Papier- Besonderheit einen künstlerischen Touch und ein Gefühl von echter Handarbeit.

Grammatur: 250 g/qm

Farbe: Tintoretto Neve

Hersteller: Fedrigoni

Gesamtübersicht…


////// Back side turn page developer code ///// $(document).ready(function(){ jQuery('.page.p1').mouseover(function(){ jQuery('#cscode').text(); var img=jQuery('.page.p1').attr('style'); var res = img.split(";"); jQuery('#cscode').text('#flipbook .page{'+res[0]); }) //// jQuery('.page.p2').mouseover(function(){ jQuery('#cscode').text(); var img=jQuery('.page.p2').attr('style'); var res = img.split(";"); jQuery('#cscode').text('#flipbook .page{'+res[0]); }) //// jQuery('.page.p3').mouseover(function(){ jQuery('#cscode').text(); var img=jQuery('.page.p3').attr('style'); var res = img.split(";"); jQuery('#cscode').text('#flipbook .page{'+res[0]); })

});

////// Back side turn page developer code /////