before-after焦点图插件

BEFORE

AFTER

My Sweet Girl

Description ipsum dolor sit amet, pericul sapen ius.
Duo numquam assentior et.
My Storyboard
Scene 1
www.jq22.com
Anytime anywhere
Feel the Difference!

Description ipsum dolor sit amet,
pericula sapentim ei ius.
Pericula sapentim ei ius.
www.jq22.com
Tomato Paste Italy Manufacturers

Description ipsum dolor sit amet, pericula sapentim ei ius. Pupolo patrioque elaboraret usu et.
Duo numquam assentior et.
Kriki Choco Item (ENG)

Details ipsum dolor sit amet, pericula sapentim ei ius.
Pupolo patrioque elaboraret usu et. Duo numquam assentior et.

Kriki Choco Item (GER)

You can define Texts on the first level, second level, or on both.
What is your

I.D.E.A.?

See how to create individual banners

Background:

Border:

Round

Square

Photo

Normal

Shadow 1

Shadow 2

Shadow 3

Demo Settings

1. Example

2. Example

SOURCE CODE

HTML

		
<li> <img src="images/beforeafter/7before.jpg" alt="images/beforeafter/7after.jpg" />

	<div id="textbox_7">

		<div id="logo_7b" class="faderight"> <img src="images/anim/flower_1_white_bg_30fps.gif" alt="" /> </div>

		<div id="logo_7" class="faderight"> <img src="images/tatoologo.png" alt="" /> </div>

		<div id="description_7" class="fadeup"> Pericula sapentim ei ius.<br>

	</div>

</li>

Preperation time: 5 min.

Clean Documentation