Response title
This is preview!
- Screen name: symbolist
symbolist's Profile
1 Posts
1 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 13-May-2010 10:05 AM
- Forum: Using jQuery Plugins
trying to cycle the background image in a header. I believe this should work, and found someone else online who showed code and said it worked. Maybe he was high...
There is seemingly no response at all from the js code.
What have I missed?
Thanks!Thanks again!- <!DOCTYPE html>
- <HTML>
- <head>
- <title>cycletest</title>
- <style type="text/css">
- .hdr { height: 150px; width: 900px; margin: auto }
- .hdr img { padding: 0px; border: 1px solid #ccc; background-color: #eee; }
- </style>
- <script type="text/javascript" src="jquery-1.4.2.js"></script>
- <script type="text/javascript" src="jquery.cycle.lite.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $('.hdr').cycle({
- fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
- });
- });
- </script>
- </head>
- <body>
- <div id="pagewrapper">
- <P>testLocal</P>
- <hr>
- <div id="header">
- <div class="hdr">
- <div style="background-image:url(comm.jpg)"; class="first";></div>
- <div style="background-image:url(res.jpg)"></div>
- <div style="background-image:url(sc.jpg)"></div>
- <div style="background-image:url(cons.jpg)"></div>
- <div style="background-image:url(ial2_150900.jpg)"></div>
- <div style="background-image:url(earthwork150900.jpg)"></div>
- <div style="background-image:url(b150900.jpg)"></div>
- <div style="background-image:url(ry1.jpg)"></div>
- <div style="background-image:url(sfre.jpg)"></div>
- </div>
- <hr>
- other stuff here
- <hr>
- </div>
- <P>new below</P>
- </div>
- </body>
- </html>
tj- «Prev
- Next »
Moderate user : symbolist