Hi all,
am trying to add a iframe in slider i dont know if is that possible?instead of slide-1-image.png a iframe example google.com
can someone help me?
here is the code:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Start/Stop Slider</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/startstop-slider.js"></script>
</head>
<body>
<div id="page-wrap">
<div id="slider">
<div id="mover">
<div id="slide-1" class="slide">
<h1>Garden Rack</h1>
<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
<a href="#"><img src="http://tycoontalk.freelancer.com/images/slide-1-image.png" alt="learn more" /></a>
</div>
<div class="slide">
<h1>Tulip Bulbs</h1>
<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
<a href="#"><img src="http://tycoontalk.freelancer.com/images/slide-2-image.png" alt="learn more" /></a>
</div>
<div class="slide">
<h1>Garden Gloves</h1>
<p>Donec gravida posuere arcu. Nulla facilisi. Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien. Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
<a href="#"><img src="http://tycoontalk.freelancer.com/images/slide-3-image.png" alt="learn more" /></a>
</div>
</div>
</div>
</body>
</html>
thanks.
Last edited by xhtmlhelp; 11-29-2011 at 02:37 PM..
|
