Feedback (1 comments)
Please post any feedback, live examples, bugs, features and change requests here.
-
Awesome - Chris Ontherocks
2010-03-06 22:30:14
It looks amazing, I'm gonna try it.
At Bug Software we like jQuery and we like Flash! So we thought we could combine them to to create some really cool stuff.
Everyone likes a nice picture gallery but Javascript only provides limited animation capabilities. Bug Software thought why don't we have a play with Flash 10's new 3D features and bundle it into a jQuery plugin with all its advantages.
Simple clean code
No need to include any messy inline Flash/JavaScript.
<html>
<head>
<script src="/js/jquery-1.4.1-min.js" type="text/javascript"></script>
<script src="/js/swfobject.js" type="text/javascript"></script>
<script src="/js/jquery.tooltip.pack.js" type="text/javascript"></script>
<script src="/js/jquery.uniqueId.js" type="text/javascript"></script>
<script src="/js/jquery.carousel3D.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("div.flashCarousel3D").carousel3D();
});
</script>
</head>
<body>
<div class="flashCarousel3D">
<ul>
<li><a href="/img/img1.gif"/>Image label 1</a></li>
<li><a href="/img/img2.png"/>Image label 2</a></li>
<li><a href="/img/img3.jpg"/>Image label 3</a></li>
<li><a href="/img/img4.gif"/>Image label 4</a></li>
<li><a href="/img/img5.jpg"/>Image label 5</a></li>
<li><a href="/img/img6.png"/>Image label 6</a></li>
<li><a href="/img/img7.gif"/>Image label 7</a></li>
<li><a href="/img/img8.jpg"/>Image label 8</a></li>
</ul>
</div>
</body>
</html>
Download
Here is a very simple demonstration of 'Carousel 3D'.
If we fiddle a few options and change the images we can do this:
In this example we integrate the carousel with Flickrs image API.
Please post any feedback, live examples, bugs, features and change requests here.
2010-03-06 22:30:14
It looks amazing, I'm gonna try it.