View Full Version : Page Peel Code

07-25-2010, 04:53 PM
I am using the page peel code below on my social network site. I would like to modify it so that it only appears on the main page of my site. What do I need to change/add? Thanks!

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//Page Flip on hover
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
width: '506px',
height: '517px'
}, 500);
} , function() {
$("#pageflip img").stop()
width: '70px',
height: '72px'
}, 220);
width: '70px',
height: '70px'
}, 200);
<div id="pageflip">
<a href="http://pagepeeler.ning.com/page/page/list"><img src="http://i187.photobucket.com/albums/x172/billvasko/pagepeel.png" alt="" />
<span class="msg_block">Page Peeler</span>

. #pageflip {
position: relative;
#pageflip img {
width: 70px; height: 72px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
#pageflip .msg_block {
width: 70px; height: 70px;
position: absolute;
z-index: 50;
right: 0; top: 0;
background: url(http://img18.imageshack.us/img18/2572/pagepeel.jpg) no-repeat right top;
text-indent: -9999px;