????

Your IP : 18.119.157.233

Current Path : /home2/morganrand/backup.morganrand.com/coupon/Professor Cloud_files/
Upload File :
Current File : /home2/morganrand/backup.morganrand.com/coupon/Professor Cloud_files/a.html

<!DOCTYPE html>
<!--[if IE 8]><html lang="en" class="ie8"><![endif]-->
<!--[if IE 9]><html lang="en" class="ie9"><![endif]-->
<!--[if gt IE 9]><!-->
<html class=" js no-touch localstorage sessionstorage contenteditable" lang="en"><!--<![endif]--><head><script src="//cdn.optimizely.com/js/1865631164.js"></script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Disqus Comments</title>

        <!--
        
        -->
        <script src="a_data/beacon.js" async=""></script><script src="Professor%20Cloud_files/ga.js" async="" type="text/javascript"></script><script type="text/json" id="disqus-jsonData">{"cursor": {"hasPrev": false, "total": 553, "prev": null, "hasNext": true, "next": "1:0:0"}, "code": 0, "response": {"thread": {"feed": "http://professorcloud.disqus.com/professor_cloud/latest.rss", "reactions": 0, "uploadAdd": "http://professorcloud.disqus.com/thread/professor_cloud/async_media_upload/", "dislikes": 13, "likes": 420, "message": "", "id": "96804936", "isDeleted": false, "category": "365499", "author": "2955290", "userScore": 0, "moderators": [2955290], "createdAt": "2010-05-18T17:01:34", "hasStreaming": false, "uploadRemove": "http://professorcloud.disqus.com/thread/professor_cloud/async_media_remove/", "isClosed": false, "link": "http://www.professorcloud.com/mainsite/carousel.htm", "slug": "professor_cloud", "forum": "professorcloud", "identifiers": [], "posts": 553, "userSubscription": false, "title": "Professor Cloud"}, "forum": {"name": "Professor Cloud", "founder": "2955290", "settings": {"allowAnonPost": false, "allowMedia": false, "moderatorText": null, "typeface": "auto", "hasReactions": false, "showNewMedia": false, "audienceSyncEnabled": false, "ssoRequired": false, "backplaneEnabled": false, "colorScheme": "auto", "linkAffiliationEnabled": true}, "url": "http://www.professorcloud.com", "favicon": {"permalink": "http://disqus.com/api/forums/favicons/professorcloud.jpg", "cache": "http://mediacdn.disqus.com/1363738576/images/favicon-default.png"}, "pk": 356641, "id": "professorcloud"}, "posts": [{"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "Derk", "url": "", "profileUrl": "http://disqus.com/guest/f04631f614de726a4089103637876ffb/", "emailHash": "f04631f614de726a4089103637876ffb", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=f04631f614de726a4089103637876ffb", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=f04631f614de726a4089103637876ffb"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=f04631f614de726a4089103637876ffb", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=f04631f614de726a4089103637876ffb"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=f04631f614de726a4089103637876ffb", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=f04631f614de726a4089103637876ffb"}, "isAnonymous": true}, "media": [], "points": 41, "isFlagged": false, "dislikes": 3, "raw_message": "There's a bug in your code. When moving from the first item in the list to the last (wrapping), the altBox and titleBox aren't updated. I've traced this to a problem in the rotate function: this.frontIndex %= items.length. Javascript doesn't handle negative module number correctly so -1 % x == -1 instead of x-1. I've added the following as a quick fix:\u00a0if (this.frontIndex \u003c 0) { this.frontIndex += items.length};", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 1, "createdAt": "2012-05-17T11:31:22", "isEdited": false, "message": "\u003cp>There's a bug in your code. When moving from the first item in the list to the last (wrapping), the altBox and titleBox aren't updated. I've traced this to a problem in the rotate function: this.frontIndex %= items.length. Javascript doesn't handle negative module number correctly so -1 % x == -1 instead of x-1. I've added the following as a quick fix:\u00a0if (this.frontIndex &lt; 0) { this.frontIndex += items.length};\u003c/p>", "isHighlighted": false, "id": "531055991", "isDeleted": false, "likes": 44}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "Metalfrog", "url": "", "profileUrl": "http://disqus.com/guest/e07c9581043b9882e28c3b0c29f1c581/", "emailHash": "e07c9581043b9882e28c3b0c29f1c581", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=e07c9581043b9882e28c3b0c29f1c581", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=e07c9581043b9882e28c3b0c29f1c581"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e07c9581043b9882e28c3b0c29f1c581", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e07c9581043b9882e28c3b0c29f1c581"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e07c9581043b9882e28c3b0c29f1c581", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e07c9581043b9882e28c3b0c29f1c581"}, "isAnonymous": true}, "media": [], "points": 14, "isFlagged": false, "dislikes": 0, "raw_message": "If you are having problems with the right button not updating the text when the carousel rotates, try this fix:\n\nADD:\n\t\t\tif(this.frontIndex \u003c 0) {\n\t\t\t\tthis.frontIndex = images.length - 1;\n\t\t\t}\n\nto the top of the showFrontText function, which is around line 185 in v1.0.5. You should end up with this:\n\n\t\t// Shows the text from the front most item.\n\t\tthis.showFrontText = function()\n\t\t{\t\n\t\t\tif(this.frontIndex \u003c 0) {\n\t\t\t\tthis.frontIndex = images.length - 1;\n\t\t\t}\n\t\t\t\n\t\t\tif ( items[this.frontIndex] === undefined ) { return; }\t// Images might not have loaded yet.\n\t\t\t$(options.titleBox).html( $(items[this.frontIndex].image).attr('title'));\n\t\t\t$(options.altBox).html( $(items[this.frontIndex].image).attr('alt'));\t\t\t\t\n\t\t};", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 1, "createdAt": "2011-04-21T09:17:52", "isEdited": false, "message": "\u003cp>If you are having problems with the right button not updating the text when the carousel rotates, try this fix:\u003c/p>\n\n\u003cp>ADD:\u003cbr>\t\t\tif(this.frontIndex &lt; 0) {\u003cbr>\t\t\t\tthis.frontIndex = images.length - 1;\u003cbr>\t\t\t}\u003c/p>\n\n\u003cp>to the top of the showFrontText function, which is around line 185 in v1.0.5. You should end up with this:\u003c/p>\n\n\u003cp>\t\t// Shows the text from the front most item.\u003cbr>\t\tthis.showFrontText = function()\u003cbr>\t\t{\t\u003cbr>\t\t\tif(this.frontIndex &lt; 0) {\u003cbr>\t\t\t\tthis.frontIndex = images.length - 1;\u003cbr>\t\t\t}\u003cbr>\t\t\t\u003cbr>\t\t\tif ( items[this.frontIndex] === undefined ) { return; }\t// Images might not have loaded yet.\u003cbr>\t\t\t$(options.titleBox).html( $(items[this.frontIndex].image).attr('title'));\u003cbr>\t\t\t$(options.altBox).html( $(items[this.frontIndex].image).attr('alt'));\t\t\t\t\u003cbr>\t\t};\u003c/p>", "isHighlighted": false, "id": "188758843", "isDeleted": false, "likes": 14}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 188758843, "author": {"name": "Hamidjon", "url": "", "profileUrl": "http://disqus.com/guest/9b6b7735e0dae9631d31a1768dc0a340/", "emailHash": "9b6b7735e0dae9631d31a1768dc0a340", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=9b6b7735e0dae9631d31a1768dc0a340", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=9b6b7735e0dae9631d31a1768dc0a340"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=9b6b7735e0dae9631d31a1768dc0a340", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=9b6b7735e0dae9631d31a1768dc0a340"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=9b6b7735e0dae9631d31a1768dc0a340", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=9b6b7735e0dae9631d31a1768dc0a340"}, "isAnonymous": true}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "Thanks Metalfrog )) now, it is working correctly.", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2012-10-18T21:58:29", "isEdited": false, "message": "\u003cp>Thanks Metalfrog )) now, it is working correctly.\u003c/p>", "isHighlighted": false, "id": "686553501", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 188758843, "author": {"name": "HappyCamper", "url": "", "profileUrl": "http://disqus.com/guest/98ab51d4719527c54c0e46a6f65488d1/", "emailHash": "98ab51d4719527c54c0e46a6f65488d1", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=98ab51d4719527c54c0e46a6f65488d1", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=98ab51d4719527c54c0e46a6f65488d1"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=98ab51d4719527c54c0e46a6f65488d1", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=98ab51d4719527c54c0e46a6f65488d1"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=98ab51d4719527c54c0e46a6f65488d1", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=98ab51d4719527c54c0e46a6f65488d1"}, "isAnonymous": true}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "Thanks Metalfrog, I needed that fix!\n\n...and special thanks to the Professor for creating the plugin!", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2011-04-26T18:18:52", "isEdited": false, "message": "\u003cp>Thanks Metalfrog, I needed that fix!\u003c/p>\n\n\u003cp>...and special thanks to the Professor for creating the plugin!\u003c/p>", "isHighlighted": false, "id": "192174249", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "David", "url": "http://architechsw.com", "profileUrl": "http://disqus.com/guest/bfb67b38b714ef0e6e94ab7879feb8f7/", "emailHash": "bfb67b38b714ef0e6e94ab7879feb8f7", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=bfb67b38b714ef0e6e94ab7879feb8f7", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=bfb67b38b714ef0e6e94ab7879feb8f7"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=bfb67b38b714ef0e6e94ab7879feb8f7", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=bfb67b38b714ef0e6e94ab7879feb8f7"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=bfb67b38b714ef0e6e94ab7879feb8f7", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=bfb67b38b714ef0e6e94ab7879feb8f7"}, "isAnonymous": true}, "media": [], "points": 10, "isFlagged": false, "dislikes": 0, "raw_message": "Really nice plugin. Fast and smooth, bookmarked. ", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 1, "createdAt": "2010-05-18T20:27:59", "isEdited": false, "message": "\u003cp>Really nice plugin. Fast and smooth, bookmarked. \u003c/p>", "isHighlighted": false, "id": "50952301", "isDeleted": false, "likes": 10}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 50952301, "author": {"name": "Krzysztof Ciba", "url": "http://www.linkedin.com/profile?viewProfile=&key=47090260&locale=en_US&trk=tab_pro", "profileUrl": "http://disqus.com/guest/d7987b1b32970ea44b31b834e2e9ffc9/", "emailHash": "d7987b1b32970ea44b31b834e2e9ffc9", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=d7987b1b32970ea44b31b834e2e9ffc9", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=d7987b1b32970ea44b31b834e2e9ffc9"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d7987b1b32970ea44b31b834e2e9ffc9", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d7987b1b32970ea44b31b834e2e9ffc9"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d7987b1b32970ea44b31b834e2e9ffc9", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d7987b1b32970ea44b31b834e2e9ffc9"}, "isAnonymous": true}, "media": [], "points": 3, "isFlagged": false, "dislikes": 0, "raw_message": "This is what I was looking for last week. Great!", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2010-06-11T17:31:51", "isEdited": false, "message": "\u003cp>This is what I was looking for last week. Great!\u003c/p>", "isHighlighted": false, "id": "56124983", "isDeleted": false, "likes": 3}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"username": "facebook-100001606839360", "about": "", "name": "Andrey Kostromin", "url": "http://www.facebook.com/andreykostromin", "isAnonymous": false, "rep": 1.233277, "profileUrl": "http://disqus.com/facebook-100001606839360/", "emailHash": "50223987b41b132893d9919757fa9d1c", "reputation": 1.233277, "location": "", "isPrimary": true, "joinedAt": "2013-03-05T17:15:17", "id": "44992460", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/facebook-100001606839360.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/4499/2460/avatar32.jpg?1362503918"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/facebook-100001606839360.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/4499/2460/avatar92.jpg?1362503918", "large": {"permalink": "http://disqus.com/api/users/avatars/facebook-100001606839360.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/4499/2460/avatar92.jpg?1362503918"}}}, "media": [], "points": 8, "isFlagged": false, "dislikes": 0, "raw_message": "how I can open only front image in popup (or at new page), other images bring to front?", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-06-27T19:07:42", "isEdited": false, "message": "\u003cp>how I can open only front image in popup (or at new page), other images bring to front?\u003c/p>", "isHighlighted": false, "id": "236128655", "isDeleted": false, "likes": 8}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"username": "google-e3ef89d5c522a609d88184503bc70020", "about": "", "name": "Fanis Prodromou", "url": "", "isAnonymous": false, "rep": 1.232712, "profileUrl": "http://disqus.com/google-e3ef89d5c522a609d88184503bc70020/", "emailHash": "e3ef89d5c522a609d88184503bc70020", "reputation": 1.232712, "location": "", "isPrimary": true, "joinedAt": "2011-09-02T14:11:48", "id": "16344079", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=e3ef89d5c522a609d88184503bc70020", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=e3ef89d5c522a609d88184503bc70020"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e3ef89d5c522a609d88184503bc70020", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e3ef89d5c522a609d88184503bc70020"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e3ef89d5c522a609d88184503bc70020", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e3ef89d5c522a609d88184503bc70020"}}, "media": [], "points": 6, "isFlagged": false, "dislikes": 0, "raw_message": "It does not show the front text on right button click.\u00a0\nThis is my fix:\n\nthis.rotate = function (direction) {\tthis.frontIndex -= direction;\tthis.frontIndex %= items.length;\tthis.destRotation += (Math.PI / items.length) * (2 * direction);\tthis.showFrontText(direction); //set the direction\tthis.go();};\n\nthis.showFrontText = function (direction) {\u00a0 \u00a0 \u00a0 \u00a0 //_____ \u00a0this is the fix \u00a0_______________\tif (this.frontIndex \u003c 0 && direction==1) {\t\tthis.frontIndex = Math.abs(Math.abs(this.frontIndex) - items.length);\t}\u00a0 \u00a0 \u00a0 \u00a0 //__________________________________\tif (items[this.frontIndex] === undefined) { return; } // Images might not have loaded yet.\t$(options.titleBox).html($(items[this.frontIndex].image).attr('title'));\t$(options.altBox).html($(items[this.frontIndex].image).attr('alt'));};", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-09-02T14:11:51", "isEdited": false, "message": "\u003cp>It does not show the front text on right button click.\u00a0\u003cbr>This is my fix:\u003c/p>\n\n\u003cp>this.rotate = function (direction) {\tthis.frontIndex -= direction;\tthis.frontIndex %= items.length;\tthis.destRotation += (Math.PI / items.length) * (2 * direction);\tthis.showFrontText(direction); //set the direction\tthis.go();};\u003c/p>\n\n\u003cp>this.showFrontText = function (direction) {\u00a0 \u00a0 \u00a0 \u00a0 //_____ \u00a0this is the fix \u00a0_______________\tif (this.frontIndex &lt; 0 &amp;&amp; direction==1) {\t\tthis.frontIndex = Math.abs(Math.abs(this.frontIndex) - items.length);\t}\u00a0 \u00a0 \u00a0 \u00a0 //__________________________________\tif (items[this.frontIndex] === undefined) { return; } // Images might not have loaded yet.\t$(options.titleBox).html($(items[this.frontIndex].image).attr('title'));\t$(options.altBox).html($(items[this.frontIndex].image).attr('alt'));};\u003c/p>", "isHighlighted": false, "id": "301121376", "isDeleted": false, "likes": 6}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 301121376, "author": {"name": "Adiakaadrian", "url": "", "profileUrl": "http://disqus.com/guest/6007accd4e73c601aca373213785d3e4/", "emailHash": "6007accd4e73c601aca373213785d3e4", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=6007accd4e73c601aca373213785d3e4", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=6007accd4e73c601aca373213785d3e4"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=6007accd4e73c601aca373213785d3e4", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=6007accd4e73c601aca373213785d3e4"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=6007accd4e73c601aca373213785d3e4", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=6007accd4e73c601aca373213785d3e4"}, "isAnonymous": true}, "media": [], "points": 1, "isFlagged": false, "dislikes": 0, "raw_message": "is there a version online to see the code configured poperly?\npls share a link!", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2011-09-05T16:29:47", "isEdited": false, "message": "\u003cp>is there a version online to see the code configured poperly?\u003cbr>pls share a link!\u003c/p>", "isHighlighted": false, "id": "302974936", "isDeleted": false, "likes": 1}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "Samer Sahih", "url": "", "profileUrl": "http://disqus.com/guest/c4352509d147493fb132a5076e3ca0eb/", "emailHash": "c4352509d147493fb132a5076e3ca0eb", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=c4352509d147493fb132a5076e3ca0eb", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=c4352509d147493fb132a5076e3ca0eb"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=c4352509d147493fb132a5076e3ca0eb", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=c4352509d147493fb132a5076e3ca0eb"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=c4352509d147493fb132a5076e3ca0eb", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=c4352509d147493fb132a5076e3ca0eb"}, "isAnonymous": true}, "media": [], "points": 5, "isFlagged": false, "dislikes": 0, "raw_message": "Hi there.. First of all you're a great inspiration to me as a new jquery developer I was just so impressed by how ingenious your work is.. I'd like to ask some questions regarding this plugin if you'd be kind enough to reply:\n\n1) How can I add left and right keyboard clicks in the code, I've tried\n$(document).keydown(function (event) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (event.keyCode == 37) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 this.rotate(-1);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return false;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 else if (event.keyCode == 39) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $(container).rotate(1);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return false;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 });\nBut none of them work it tells me rotate() is not a function.\n\n2) Can I play with the width and height of the 2 images that show next to the middle image ? If I want to make their height and width smaller. I've tried playing with the code a little but failed :p lol", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2012-02-27T12:59:50", "isEdited": false, "message": "\u003cp>Hi there.. First of all you're a great inspiration to me as a new jquery developer I was just so impressed by how ingenious your work is.. I'd like to ask some questions regarding this plugin if you'd be kind enough to reply:\u003c/p>\n\n\u003cp>1) How can I add left and right keyboard clicks in the code, I've tried\u003cbr>$(document).keydown(function (event) {\u003cbr>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (event.keyCode == 37) {\u003cbr>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 this.rotate(-1);\u003cbr>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return false;\u003cbr>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\u003cbr>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 else if (event.keyCode == 39) {\u003cbr>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $(container).rotate(1);\u003cbr>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 return false;\u003cbr>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\u003cbr>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 });\u003cbr>But none of them work it tells me rotate() is not a function.\u003c/p>\n\n\u003cp>2) Can I play with the width and height of the 2 images that show next to the middle image ? If I want to make their height and width smaller. I've tried playing with the code a little but failed :p lol\u003c/p>", "isHighlighted": false, "id": "449860196", "isDeleted": false, "likes": 5}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "Tom", "url": "", "profileUrl": "http://disqus.com/guest/a1109d237774510edc861f4c2879b8a6/", "emailHash": "a1109d237774510edc861f4c2879b8a6", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=a1109d237774510edc861f4c2879b8a6", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=a1109d237774510edc861f4c2879b8a6"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a1109d237774510edc861f4c2879b8a6", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a1109d237774510edc861f4c2879b8a6"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a1109d237774510edc861f4c2879b8a6", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a1109d237774510edc861f4c2879b8a6"}, "isAnonymous": true}, "media": [], "points": 5, "isFlagged": false, "dislikes": 0, "raw_message": "I have a fix for the code I downloaded for this carousel.\n\nOn the da vinci version here you will notice that if you refresh the page and then click the right hand button the text does not change\n\nBasically you need to get the number of images and then do this  in the showFrontText function\n\n// Shows the text from the front most item.\n\t\tthis.showFrontText = function()\n\t\t{\t\n\t\t\t// fix for negative index numbers that stop the text from changing when \n\t\t\t// using the arrow to move the carousel right\n\t\t\tif (this.frontIndex \u003c 0) {\n\t\t\t\tthis.frontIndex = totalimages;\n\t\t\t}\n\t\t\t\n\t\t\tif ( items[this.frontIndex] === undefined ) { return; }\t// Images might not have loaded yet.\n\t\t\t$(options.titleBox).html($(items[this.frontIndex].image).attr('title') + this.frontIndex);\n\t\t\t$(options.altBox).html($(items[this.frontIndex].image).attr('alt') + this.frontIndex);\t\t\t\t\n\t\t};", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-01-25T15:12:16", "isEdited": false, "message": "\u003cp>I have a fix for the code I downloaded for this carousel.\u003c/p>\n\n\u003cp>On the da vinci version here you will notice that if you refresh the page and then click the right hand button the text does not change\u003c/p>\n\n\u003cp>Basically you need to get the number of images and then do this  in the showFrontText function\u003c/p>\n\n\u003cp>// Shows the text from the front most item.\u003cbr>\t\tthis.showFrontText = function()\u003cbr>\t\t{\t\u003cbr>\t\t\t// fix for negative index numbers that stop the text from changing when \u003cbr>\t\t\t// using the arrow to move the carousel right\u003cbr>\t\t\tif (this.frontIndex &lt; 0) {\u003cbr>\t\t\t\tthis.frontIndex = totalimages;\u003cbr>\t\t\t}\u003cbr>\t\t\t\u003cbr>\t\t\tif ( items[this.frontIndex] === undefined ) { return; }\t// Images might not have loaded yet.\u003cbr>\t\t\t$(options.titleBox).html($(items[this.frontIndex].image).attr('title') + this.frontIndex);\u003cbr>\t\t\t$(options.altBox).html($(items[this.frontIndex].image).attr('alt') + this.frontIndex);\t\t\t\t\u003cbr>\t\t};\u003c/p>", "isHighlighted": false, "id": "134317364", "isDeleted": false, "likes": 5}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 134317364, "author": {"username": "ScottMcFarlane", "about": "", "name": "ScottMcFarlane", "url": "", "isAnonymous": false, "rep": 1.232862, "profileUrl": "http://disqus.com/ScottMcFarlane/", "emailHash": "6c38931704db7c2b65544ddd6044abeb", "reputation": 1.232862, "location": "", "isPrimary": true, "joinedAt": "2011-06-07T23:54:56", "id": "12048921", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/ScottMcFarlane.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/1204/8921/avatar32.jpg?1307490898"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/ScottMcFarlane.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/1204/8921/avatar92.jpg?1307490898", "large": {"permalink": "http://disqus.com/api/users/avatars/ScottMcFarlane.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/1204/8921/avatar92.jpg?1307490898"}}}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "Works perfect!", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2011-04-14T03:49:57", "isEdited": false, "message": "\u003cp>Works perfect!\u003c/p>", "isHighlighted": false, "id": "184178268", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 134317364, "author": {"name": "Fds", "url": "", "profileUrl": "http://disqus.com/guest/569803a3d792d5033d618d663e947191/", "emailHash": "569803a3d792d5033d618d663e947191", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=569803a3d792d5033d618d663e947191", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=569803a3d792d5033d618d663e947191"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=569803a3d792d5033d618d663e947191", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=569803a3d792d5033d618d663e947191"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=569803a3d792d5033d618d663e947191", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=569803a3d792d5033d618d663e947191"}, "isAnonymous": true}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "Yep, that works, thanks a lot : ) ", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2011-01-30T08:00:59", "isEdited": false, "message": "\u003cp>Yep, that works, thanks a lot : ) \u003c/p>", "isHighlighted": false, "id": "137129285", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "timwebdev", "url": "", "profileUrl": "http://disqus.com/guest/a8f86d1abbb7f1fdff8ff72f23f8d483/", "emailHash": "a8f86d1abbb7f1fdff8ff72f23f8d483", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=a8f86d1abbb7f1fdff8ff72f23f8d483", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=a8f86d1abbb7f1fdff8ff72f23f8d483"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a8f86d1abbb7f1fdff8ff72f23f8d483", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a8f86d1abbb7f1fdff8ff72f23f8d483"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a8f86d1abbb7f1fdff8ff72f23f8d483", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a8f86d1abbb7f1fdff8ff72f23f8d483"}, "isAnonymous": true}, "media": [], "points": 4, "isFlagged": false, "dislikes": 0, "raw_message": "Hi, first of all thanks very much for this plugin, it works great!\n\nI think it is very useful to add a simple public action $(elemnt...).CloudCarousel('right') and\u00a0$(elemnt...).CloudCarousel('left') so it is possible to control the carousel on keypress (arrow key left/right)\n\n\n\n\n\n\n\n\n", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-11-21T11:09:18", "isEdited": false, "message": "\u003cp>Hi, first of all thanks very much for this plugin, it works great!\u003c/p>\n\n\u003cp>I think it is very useful to add a simple public action $(elemnt...).CloudCarousel('right') and\u00a0$(elemnt...).CloudCarousel('left') so it is possible to control the carousel on keypress (arrow key left/right)\u003c/p>\n\n\u003cp>\u003c/p>", "isHighlighted": false, "id": "369254144", "isDeleted": false, "likes": 4}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "mark", "url": "", "profileUrl": "http://disqus.com/guest/24b47c91d48bea351be76319f2d5e847/", "emailHash": "24b47c91d48bea351be76319f2d5e847", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=24b47c91d48bea351be76319f2d5e847", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=24b47c91d48bea351be76319f2d5e847"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=24b47c91d48bea351be76319f2d5e847", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=24b47c91d48bea351be76319f2d5e847"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=24b47c91d48bea351be76319f2d5e847", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=24b47c91d48bea351be76319f2d5e847"}, "isAnonymous": true}, "media": [], "points": 4, "isFlagged": false, "dislikes": 0, "raw_message": "Hi, and thanks for this very useful script.\nIs there any way to have in jQuery the id of the \"front\" element (the \"selected\" one) and/or the ids of all the others \"background\" elements. I basically would like to apply an effect to the elements that are in background, like a blur or fade, leaving just the one in front clean. I know how to apply it but I still lack the ID or class of the elements to apply to.thanks in advance,\n\nMark\u00a0", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-09-30T10:59:47", "isEdited": false, "message": "\u003cp>Hi, and thanks for this very useful script.\u003cbr>Is there any way to have in jQuery the id of the \"front\" element (the \"selected\" one) and/or the ids of all the others \"background\" elements. I basically would like to apply an effect to the elements that are in background, like a blur or fade, leaving just the one in front clean. I know how to apply it but I still lack the ID or class of the elements to apply to.thanks in advance,\u003c/p>\n\n\u003cp>Mark\u00a0\u003c/p>", "isHighlighted": false, "id": "323671622", "isDeleted": false, "likes": 4}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 323671622, "author": {"name": "Gregory Hanes", "url": "", "profileUrl": "http://disqus.com/guest/e3a438b02f607d6b882c01f3b8d1400a/", "emailHash": "e3a438b02f607d6b882c01f3b8d1400a", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=e3a438b02f607d6b882c01f3b8d1400a", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=e3a438b02f607d6b882c01f3b8d1400a"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e3a438b02f607d6b882c01f3b8d1400a", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e3a438b02f607d6b882c01f3b8d1400a"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e3a438b02f607d6b882c01f3b8d1400a", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e3a438b02f607d6b882c01f3b8d1400a"}, "isAnonymous": true}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "\u00a0I was able to assign an\u00a0opacity to all but the Active Image. I would like it to do a\u00a0variable\u00a0opacity but that needs to be done in\u00a0JavaScript\u00a0which I am not\u00a0proficient.\nimg.cloudcarousel\u00a0\u00a0{opacity:0.4;filter:alpha(opacity=10); /* For IE8 and earlier */}img.cloudcarousel.active {opacity:1 !important;filter:alpha(opacity=100); /* For IE8 and earlier */border: 1px solid #fff;} ", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2011-10-08T17:08:21", "isEdited": false, "message": "\u003cp>\u00a0I was able to assign an\u00a0opacity to all but the Active Image. I would like it to do a\u00a0variable\u00a0opacity but that needs to be done in\u00a0JavaScript\u00a0which I am not\u00a0proficient.\u003cbr>img.cloudcarousel\u00a0\u00a0{opacity:0.4;filter:alpha(opacity=10); /* For IE8 and earlier */}img.cloudcarousel.active {opacity:1 !important;filter:alpha(opacity=100); /* For IE8 and earlier */border: 1px solid #fff;} \u003c/p>", "isHighlighted": false, "id": "329763766", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 329763766, "author": {"name": "Gand", "url": "", "profileUrl": "http://disqus.com/guest/34e3ab8cf444ec560f39ffa5cabd6897/", "emailHash": "34e3ab8cf444ec560f39ffa5cabd6897", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=34e3ab8cf444ec560f39ffa5cabd6897", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=34e3ab8cf444ec560f39ffa5cabd6897"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=34e3ab8cf444ec560f39ffa5cabd6897", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=34e3ab8cf444ec560f39ffa5cabd6897"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=34e3ab8cf444ec560f39ffa5cabd6897", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=34e3ab8cf444ec560f39ffa5cabd6897"}, "isAnonymous": true}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "weqweqw qeqwe weq e", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 2, "numReports": 0, "createdAt": "2011-11-04T07:13:53", "isEdited": false, "message": "\u003cp>weqweqw qeqwe weq e\u003c/p>", "isHighlighted": false, "id": "355404246", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "ndcisiv", "url": "", "profileUrl": "http://disqus.com/guest/953cadac38448116070f0d86bc0122ec/", "emailHash": "953cadac38448116070f0d86bc0122ec", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=953cadac38448116070f0d86bc0122ec", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=953cadac38448116070f0d86bc0122ec"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=953cadac38448116070f0d86bc0122ec", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=953cadac38448116070f0d86bc0122ec"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=953cadac38448116070f0d86bc0122ec", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=953cadac38448116070f0d86bc0122ec"}, "isAnonymous": true}, "media": [], "points": 4, "isFlagged": false, "dislikes": 0, "raw_message": "How can I make the title and alt information change when using the buttons instead of only when an image is hovered over?\u00a0 ", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-06-22T21:28:15", "isEdited": false, "message": "\u003cp>How can I make the title and alt information change when using the buttons instead of only when an image is hovered over?\u00a0 \u003c/p>", "isHighlighted": false, "id": "232271102", "isDeleted": false, "likes": 4}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "Manuel", "url": "", "profileUrl": "http://disqus.com/guest/08aaf2545d9d1b4af6a49ba75b3ba6d0/", "emailHash": "08aaf2545d9d1b4af6a49ba75b3ba6d0", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=08aaf2545d9d1b4af6a49ba75b3ba6d0", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=08aaf2545d9d1b4af6a49ba75b3ba6d0"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=08aaf2545d9d1b4af6a49ba75b3ba6d0", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=08aaf2545d9d1b4af6a49ba75b3ba6d0"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=08aaf2545d9d1b4af6a49ba75b3ba6d0", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=08aaf2545d9d1b4af6a49ba75b3ba6d0"}, "isAnonymous": true}, "media": [], "points": 4, "isFlagged": false, "dislikes": 0, "raw_message": "Is there any way to make the front item bigger?", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-06-21T14:07:29", "isEdited": false, "message": "\u003cp>Is there any way to make the front item bigger?\u003c/p>", "isHighlighted": false, "id": "231036477", "isDeleted": false, "likes": 4}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 231036477, "author": {"name": "Sagan Marketing", "url": "http://www.saganwebdesign.com", "profileUrl": "http://disqus.com/guest/d39c3d79bd8cb1ec84b12afbcf822144/", "emailHash": "d39c3d79bd8cb1ec84b12afbcf822144", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144"}, "isAnonymous": true}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "You can achieve this by making the items smaller with\u00a0minScale", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2011-07-20T21:28:16", "isEdited": false, "message": "\u003cp>You can achieve this by making the items smaller with\u00a0minScale\u003c/p>", "isHighlighted": false, "id": "259160801", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"username": "wunderdojo", "about": "", "name": "wunderdojo", "url": "", "isAnonymous": false, "rep": 1.232712, "profileUrl": "http://disqus.com/wunderdojo/", "emailHash": "558bce1ee1672baf12856c809b59df65", "reputation": 1.232712, "location": "", "isPrimary": true, "joinedAt": "2012-01-30T16:53:40", "id": "21746407", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/wunderdojo.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2174/6407/avatar32.jpg?1338435648"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/wunderdojo.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2174/6407/avatar92.jpg?1338435648", "large": {"permalink": "http://disqus.com/api/users/avatars/wunderdojo.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2174/6407/avatar92.jpg?1338435648"}}}, "media": [], "points": 5, "isFlagged": false, "dislikes": 1, "raw_message": "If you're looking for a way to have IE not show the images first in a row and then redraw them correctly, here's the fix -- it was driving me nuts on one site.\n\nSet the style of the div you're wrapping your carousel in to display:none. That will hide it initially.\n\nOpen up cloud-carousel.1.0.5.js and make the following edits:\n\nAt line 265:\nvar\timg = item.image;\t/* wunderdojo edit -- add this next line */if (isMSIE){ item.orgWidth = img.naturalWidth;}w = img.width = item.orgWidth * scale;\t\t\t\t\t\t/* wunderdojo edit -- add this next line */\u00a0if (isMSIE){ item.orgHeight = img.naturalHeight;}\n\n\nAnd at line 330 at the end of the this.checkImagesLoaded function add one more line to it -- right after the line that reads: this.updateAll();\n\n/* wunderdojo edit -- add this next line */\u00a0\u00a0\nthis.container.style.display='block';\n\nWhat that does is hide the block initially. Then, when all the images are loaded, it shows the block. IE sees the height and width of the images as 0 when they're hidden so the first lines use its naturalWidth and naturalHeight properties to find out how big the images are.\n\nNow your carousel simply opens ready for business!", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2012-05-31T03:40:47", "isEdited": false, "message": "\u003cp>If you're looking for a way to have IE not show the images first in a row and then redraw them correctly, here's the fix -- it was driving me nuts on one site.\u003c/p>\n\n\u003cp>Set the style of the div you're wrapping your carousel in to display:none. That will hide it initially.\u003c/p>\n\n\u003cp>Open up cloud-carousel.1.0.5.js and make the following edits:\u003c/p>\n\n\u003cp>At line 265:\u003cbr>var\timg = item.image;\t/* wunderdojo edit -- add this next line */if (isMSIE){ item.orgWidth = img.naturalWidth;}w = img.width = item.orgWidth * scale;\t\t\t\t\t\t/* wunderdojo edit -- add this next line */\u00a0if (isMSIE){ item.orgHeight = img.naturalHeight;}\u003c/p>\n\n\u003cp>And at line 330 at the end of the this.checkImagesLoaded function add one more line to it -- right after the line that reads: this.updateAll();\u003c/p>\n\n\u003cp>/* wunderdojo edit -- add this next line */\u00a0\u00a0\u003cbr>this.container.style.display='block';\u003c/p>\n\n\u003cp>What that does is hide the block initially. Then, when all the images are loaded, it shows the block. IE sees the height and width of the images as 0 when they're hidden so the first lines use its naturalWidth and naturalHeight properties to find out how big the images are.\u003c/p>\n\n\u003cp>Now your carousel simply opens ready for business!\u003c/p>", "isHighlighted": false, "id": "542741453", "isDeleted": false, "likes": 6}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"username": "twitter-278180581", "about": "", "name": "Daniel K.", "url": "http://twitter.com/porncookieguy", "isAnonymous": false, "rep": 1.255242, "profileUrl": "http://disqus.com/twitter-278180581/", "emailHash": "d41d8cd98f00b204e9800998ecf8427e", "reputation": 1.255242, "location": "", "isPrimary": true, "joinedAt": "2011-07-24T16:33:19", "id": "14439544", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/twitter-278180581.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/1443/9544/avatar32.jpg?1337074845"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/twitter-278180581.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/1443/9544/avatar92.jpg?1337074845", "large": {"permalink": "http://disqus.com/api/users/avatars/twitter-278180581.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/1443/9544/avatar92.jpg?1337074845"}}}, "media": [], "points": 3, "isFlagged": false, "dislikes": 0, "raw_message": "it's great but anyway not working with jquery >1.7\nthanks a lot for this awesome script : )", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2012-01-22T20:15:36", "isEdited": false, "message": "\u003cp>it's great but anyway not working with jquery &gt;1.7\u003cbr>thanks a lot for this awesome script : )\u003c/p>", "isHighlighted": false, "id": "418219401", "isDeleted": false, "likes": 3}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 418219401, "author": {"username": "qbahamutp", "about": "Optimistic, melancholic individualist. (Live) music zealot. Young father. Webdeveloper. ", "name": "Adrian van Vliet", "url": "http://advanvliet.com/", "isAnonymous": false, "rep": 1.237924, "profileUrl": "http://disqus.com/qbahamutp/", "emailHash": "5cff8d5818b3e6f065ec5c49b06390fd", "reputation": 1.237924, "location": "Netherlands", "isPrimary": true, "joinedAt": "2012-01-11T09:20:25", "id": "21052248", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar32.jpg?1351888538"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538", "large": {"permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538"}}}, "media": [], "points": 3, "isFlagged": false, "dislikes": 0, "raw_message": "I'm running it on jQuery 1.7 just fine...", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2012-02-01T14:13:51", "isEdited": false, "message": "\u003cp>I'm running it on jQuery 1.7 just fine...\u003c/p>", "isHighlighted": false, "id": "426325859", "isDeleted": false, "likes": 3}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 426325859, "author": {"name": "Newbie", "url": "", "profileUrl": "http://disqus.com/guest/2388e326072d8ed0c5e8d2248cd8c998/", "emailHash": "2388e326072d8ed0c5e8d2248cd8c998", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=2388e326072d8ed0c5e8d2248cd8c998", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=2388e326072d8ed0c5e8d2248cd8c998"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=2388e326072d8ed0c5e8d2248cd8c998", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=2388e326072d8ed0c5e8d2248cd8c998"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=2388e326072d8ed0c5e8d2248cd8c998", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=2388e326072d8ed0c5e8d2248cd8c998"}, "isAnonymous": true}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "\u00a0Hello Adrian,\nhow have you fixed it.\nCan you post the changes?\nThank you", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 2, "numReports": 0, "createdAt": "2012-03-01T12:46:32", "isEdited": false, "message": "\u003cp>\u00a0Hello Adrian,\u003cbr>how have you fixed it.\u003cbr>Can you post the changes?\u003cbr>Thank you\u003c/p>", "isHighlighted": false, "id": "453329327", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 426325859, "author": {"username": "twitter-278180581", "about": "", "name": "Daniel K.", "url": "http://twitter.com/porncookieguy", "isAnonymous": false, "rep": 1.255242, "profileUrl": "http://disqus.com/twitter-278180581/", "emailHash": "d41d8cd98f00b204e9800998ecf8427e", "reputation": 1.255242, "location": "", "isPrimary": true, "joinedAt": "2011-07-24T16:33:19", "id": "14439544", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/twitter-278180581.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/1443/9544/avatar32.jpg?1337074845"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/twitter-278180581.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/1443/9544/avatar92.jpg?1337074845", "large": {"permalink": "http://disqus.com/api/users/avatars/twitter-278180581.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/1443/9544/avatar92.jpg?1337074845"}}}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "Thanks Adrian, you were absolutely right, the jquery mousewheel script was outdated, that's why I could not scroll through the images.\nI found the new version 3.0.6 at\u00a0\nBrandon Aaron's\u00a0\nwebsite.", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 2, "numReports": 0, "createdAt": "2012-02-12T21:30:43", "isEdited": false, "message": "\u003cp>Thanks Adrian, you were absolutely right, the jquery mousewheel script was outdated, that's why I could not scroll through the images.\u003cbr>I found the new version 3.0.6 at\u00a0\u003cbr>Brandon Aaron's\u00a0\u003cbr>website.\u003c/p>", "isHighlighted": false, "id": "437016946", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "Christian Questions", "url": "http://www.inspiritandintruth.com", "profileUrl": "http://disqus.com/guest/d39c3d79bd8cb1ec84b12afbcf822144/", "emailHash": "d39c3d79bd8cb1ec84b12afbcf822144", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144"}, "isAnonymous": true}, "media": [], "points": 3, "isFlagged": false, "dislikes": 0, "raw_message": "So after digging around the code I finally figured out how to turn this into a vertical carousel. In case anyone ever attempts to do this on their own site here's what I got: At about line 260 of the non-minified version, you have two lines like this:\n\n\u00a0 \u00a0 x = this.xCentre + (( (funcCos(radians) * this.xRadius) - (item.orgWidth*0.5)) * scale);\n\u00a0 \u00a0 y = this.yCentre + (( (sinVal * this.yRadius) \u00a0) * scale);\n\nJust Change them to:\n\n\u00a0 \u00a0 y = this.yCentre + (( (funcCos(radians) * this.yRadius) - (item.orgWidth*0.5)) * scale);\n\u00a0 \u00a0 x = this.xCentre + (( (sinVal * this.xRadius) \u00a0) * scale);\n\nNotice how the x and y have been switched (3x)\n\nYou'll need to mess around with the initialization stuff especially the xPos and xRadius, here were my end results:\n\n\u00a0 \u00a0 $(\"#bookscroll\").CloudCarousel({\t\t\t\n\u00a0 \u00a0 \u00a0 \u00a0 xPos: 11,\n\u00a0 \u00a0 \u00a0 \u00a0 yPos: 170,\n\u00a0 \u00a0 \u00a0 \u00a0 xRadius: 16,\n\u00a0 \u00a0 \u00a0 \u00a0 yRadius: 170,\n\u00a0 \u00a0 \u00a0 \u00a0 buttonLeft: $(\"#book-down\"),\n\u00a0 \u00a0 \u00a0 \u00a0 buttonRight: $(\"#book-up\"),\n\u00a0 \u00a0 \u00a0 \u00a0 altBox: $(\"#book-alt\"),\n\u00a0 \u00a0 \u00a0 \u00a0 titleBox: $(\"#book-title\"),\n\u00a0 \u00a0 \u00a0 \u00a0 mouseWheel: true,\n\u00a0 \u00a0 \u00a0 \u00a0 bringToFront: true,\n\u00a0 \u00a0 \u00a0 \u00a0 autoRotate: 'left',\n\u00a0 \u00a0 \u00a0 \u00a0 speed: 0.02,\n\u00a0 \u00a0 \u00a0 \u00a0 autoRotateDelay: 4000\n\u00a0 \u00a0 });\n\nHope this helps someone, you can see it in action (and even more highly customized) at http://www.inspiritandintruth.com", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 1, "createdAt": "2011-07-20T20:29:56", "isEdited": false, "message": "\u003cp>So after digging around the code I finally figured out how to turn this into a vertical carousel. In case anyone ever attempts to do this on their own site here's what I got: At about line 260 of the non-minified version, you have two lines like this:\u003c/p>\n\n\u003cp>\u00a0 \u00a0 x = this.xCentre + (( (funcCos(radians) * this.xRadius) - (item.orgWidth*0.5)) * scale);\u003cbr>\u00a0 \u00a0 y = this.yCentre + (( (sinVal * this.yRadius) \u00a0) * scale);\u003c/p>\n\n\u003cp>Just Change them to:\u003c/p>\n\n\u003cp>\u00a0 \u00a0 y = this.yCentre + (( (funcCos(radians) * this.yRadius) - (item.orgWidth*0.5)) * scale);\u003cbr>\u00a0 \u00a0 x = this.xCentre + (( (sinVal * this.xRadius) \u00a0) * scale);\u003c/p>\n\n\u003cp>Notice how the x and y have been switched (3x)\u003c/p>\n\n\u003cp>You'll need to mess around with the initialization stuff especially the xPos and xRadius, here were my end results:\u003c/p>\n\n\u003cp>\u00a0 \u00a0 $(\"#bookscroll\").CloudCarousel({\t\t\t\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 xPos: 11,\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 yPos: 170,\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 xRadius: 16,\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 yRadius: 170,\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 buttonLeft: $(\"#book-down\"),\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 buttonRight: $(\"#book-up\"),\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 altBox: $(\"#book-alt\"),\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 titleBox: $(\"#book-title\"),\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 mouseWheel: true,\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 bringToFront: true,\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 autoRotate: 'left',\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 speed: 0.02,\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 autoRotateDelay: 4000\u003cbr>\u00a0 \u00a0 });\u003c/p>\n\n\u003cp>Hope this helps someone, you can see it in action (and even more highly customized) at \u003ca href=\"http://www.inspiritandintruth.com\" rel=\"nofollow\">http://www.inspiritandintruth....\u003c/a>\u003c/p>", "isHighlighted": false, "id": "259100211", "isDeleted": false, "likes": 3}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 259100211, "author": {"name": "Xzl52199", "url": "", "profileUrl": "http://disqus.com/guest/ef061bb59f09ce425fc9ee9097eefaf8/", "emailHash": "ef061bb59f09ce425fc9ee9097eefaf8", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=ef061bb59f09ce425fc9ee9097eefaf8", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=ef061bb59f09ce425fc9ee9097eefaf8"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=ef061bb59f09ce425fc9ee9097eefaf8", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=ef061bb59f09ce425fc9ee9097eefaf8"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=ef061bb59f09ce425fc9ee9097eefaf8", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=ef061bb59f09ce425fc9ee9097eefaf8"}, "isAnonymous": true}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "How to download ", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2011-08-24T01:08:13", "isEdited": false, "message": "\u003cp>How to download \u003c/p>", "isHighlighted": false, "id": "294124550", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"username": "adjohu", "about": "", "name": "adjohu", "url": "", "isAnonymous": false, "rep": 1.232983, "profileUrl": "http://disqus.com/adjohu/", "emailHash": "cf51e910a7300499cdf72d6c4441d8f4", "reputation": 1.232983, "location": "", "isPrimary": true, "joinedAt": "2012-09-08T16:18:29", "id": "31832267", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=cf51e910a7300499cdf72d6c4441d8f4", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=cf51e910a7300499cdf72d6c4441d8f4"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=cf51e910a7300499cdf72d6c4441d8f4", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=cf51e910a7300499cdf72d6c4441d8f4"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=cf51e910a7300499cdf72d6c4441d8f4", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=cf51e910a7300499cdf72d6c4441d8f4"}}, "media": [], "points": 3, "isFlagged": false, "dislikes": 0, "raw_message": "Hi,\n\nI had an issue where the carousel would rotate like mad if the window was out of focus for a while. (such as being in a background tab for a while and changing back to the tab with the carousel in).\n\nI've patched the code by adding this at the very start of the script (below the (function($){ )\n\n// Hold whether window is active\t$(function(){\t\twindow.isActive = true;\t\t$(window).focus(function() { this.isActive = true; });\t\t$(window).blur(function() { this.isActive = false; });\t});\n\nThis stores a window.isActive boolean that allows us to check if the window is in focus.\n\nThen in the 'this.rotate' function add these lines before any code:\n\n// Do not do rotate if window isn't focused.\tif(!window.isActive){\t\u00a0 \u00a0\u00a0return;\t}\n\nHope this helps someone.\n\nAdam\n", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-07-01T08:15:06", "isEdited": false, "message": "\u003cp>Hi,\u003c/p>\n\n\u003cp>I had an issue where the carousel would rotate like mad if the window was out of focus for a while. (such as being in a background tab for a while and changing back to the tab with the carousel in).\u003c/p>\n\n\u003cp>I've patched the code by adding this at the very start of the script (below the (function($){ )\u003c/p>\n\n\u003cp>// Hold whether window is active\t$(function(){\t\twindow.isActive = true;\t\t$(window).focus(function() { this.isActive = true; });\t\t$(window).blur(function() { this.isActive = false; });\t});\u003c/p>\n\n\u003cp>This stores a window.isActive boolean that allows us to check if the window is in focus.\u003c/p>\n\n\u003cp>Then in the 'this.rotate' function add these lines before any code:\u003c/p>\n\n\u003cp>// Do not do rotate if window isn't focused.\tif(!window.isActive){\t\u00a0 \u00a0\u00a0return;\t}\u003c/p>\n\n\u003cp>Hope this helps someone.\u003c/p>\n\n\u003cp>Adam\u003cbr>\u003c/p>", "isHighlighted": false, "id": "239531763", "isDeleted": false, "likes": 3}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 239531763, "author": {"name": "Brad", "url": "", "profileUrl": "http://disqus.com/guest/a61cf31a88dfb48a48e7a3090ef1bb9d/", "emailHash": "a61cf31a88dfb48a48e7a3090ef1bb9d", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=a61cf31a88dfb48a48e7a3090ef1bb9d", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=a61cf31a88dfb48a48e7a3090ef1bb9d"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a61cf31a88dfb48a48e7a3090ef1bb9d", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a61cf31a88dfb48a48e7a3090ef1bb9d"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a61cf31a88dfb48a48e7a3090ef1bb9d", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=a61cf31a88dfb48a48e7a3090ef1bb9d"}, "isAnonymous": true}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "Hi Adam,\n\nThanks for the patch, though there is one problem. Implementing this patch prevents the carousel from working in IE 6, 7 & 8. As I am not very proficient in jQuery, I was wondering if anyone can fix this?\n\nCheers,\nBrad", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2011-08-29T00:52:11", "isEdited": false, "message": "\u003cp>Hi Adam,\u003c/p>\n\n\u003cp>Thanks for the patch, though there is one problem. Implementing this patch prevents the carousel from working in IE 6, 7 &amp; 8. As I am not very proficient in jQuery, I was wondering if anyone can fix this?\u003c/p>\n\n\u003cp>Cheers,\u003cbr>Brad\u003c/p>", "isHighlighted": false, "id": "297436733", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 297436733, "author": {"name": "Steven", "url": "", "profileUrl": "http://disqus.com/guest/c528258f7820505c494dcfc5ae39fb93/", "emailHash": "c528258f7820505c494dcfc5ae39fb93", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=c528258f7820505c494dcfc5ae39fb93", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=c528258f7820505c494dcfc5ae39fb93"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=c528258f7820505c494dcfc5ae39fb93", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=c528258f7820505c494dcfc5ae39fb93"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=c528258f7820505c494dcfc5ae39fb93", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=c528258f7820505c494dcfc5ae39fb93"}, "isAnonymous": true}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "Brad is correct, the page needs to be reloaded in IE after you take focus away from the window and return to it. A \"Reset\" button could probably be added by calling a function to reload the browser:\n\n\nwindow.location.reload();\n\nIt would be good if someone with more JavaScript experience could look into this, and it will deplete system resources when a page is left open but not in focus.", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 2, "numReports": 0, "createdAt": "2011-11-20T02:19:20", "isEdited": false, "message": "\u003cp>Brad is correct, the page needs to be reloaded in IE after you take focus away from the window and return to it. A \"Reset\" button could probably be added by calling a function to reload the browser:\u003c/p>\n\n\u003cp>window.location.reload();\u003c/p>\n\n\u003cp>It would be good if someone with more JavaScript experience could look into this, and it will deplete system resources when a page is left open but not in focus.\u003c/p>", "isHighlighted": false, "id": "368555587", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"username": "anyulled", "about": "Web Programmer, Theology & Philosophy student", "name": "Anyul Rivas", "url": "http://anyulled.blogspot.com", "isAnonymous": false, "rep": 1.3048009999999999, "profileUrl": "http://disqus.com/anyulled/", "emailHash": "d4afd50cfcea89e71047e85c74a858df", "reputation": 1.3048009999999999, "location": "Los Teques, Venezuela", "isPrimary": true, "joinedAt": "2009-10-23T21:54:02", "id": "1028093", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/anyulled.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/102/8093/avatar32.jpg?1360065386"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/anyulled.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/102/8093/avatar92.jpg?1360065386", "large": {"permalink": "http://disqus.com/api/users/avatars/anyulled.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/102/8093/avatar92.jpg?1360065386"}}}, "media": [], "points": 3, "isFlagged": false, "dislikes": 0, "raw_message": "this is pretty cool!", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-05-24T14:38:52", "isEdited": false, "message": "\u003cp>this is pretty cool!\u003c/p>", "isHighlighted": false, "id": "210674296", "isDeleted": false, "likes": 3}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "WiZ", "url": "", "profileUrl": "http://disqus.com/guest/1da98232492419bb01f404076877fb82/", "emailHash": "1da98232492419bb01f404076877fb82", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=1da98232492419bb01f404076877fb82", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=1da98232492419bb01f404076877fb82"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=1da98232492419bb01f404076877fb82", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=1da98232492419bb01f404076877fb82"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=1da98232492419bb01f404076877fb82", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=1da98232492419bb01f404076877fb82"}, "isAnonymous": true}, "media": [], "points": 3, "isFlagged": false, "dislikes": 0, "raw_message": "Hi,\nRealy love the carousel, great work! Is there any way to hide the images as they load up? ", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-03-10T11:25:38", "isEdited": false, "message": "\u003cp>Hi,\u003cbr>Realy love the carousel, great work! Is there any way to hide the images as they load up? \u003c/p>", "isHighlighted": false, "id": "163416505", "isDeleted": false, "likes": 3}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "wim", "url": "", "profileUrl": "http://disqus.com/guest/0949db33085c0d8fb51b97fdb396f1a4/", "emailHash": "0949db33085c0d8fb51b97fdb396f1a4", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=0949db33085c0d8fb51b97fdb396f1a4", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=0949db33085c0d8fb51b97fdb396f1a4"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=0949db33085c0d8fb51b97fdb396f1a4", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=0949db33085c0d8fb51b97fdb396f1a4"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=0949db33085c0d8fb51b97fdb396f1a4", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=0949db33085c0d8fb51b97fdb396f1a4"}, "isAnonymous": true}, "media": [], "points": 3, "isFlagged": false, "dislikes": 0, "raw_message": "Thank you for this great script! It works great on an iPhone too! \nQ: Is there a possibility to make the images that are positioned to the back to fade a little bit to put the visual attantion on the front most image?\n", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2010-06-17T19:03:38", "isEdited": false, "message": "\u003cp>Thank you for this great script! It works great on an iPhone too! \u003cbr>Q: Is there a possibility to make the images that are positioned to the back to fade a little bit to put the visual attantion on the front most image?\u003cbr>\u003c/p>", "isHighlighted": false, "id": "57276758", "isDeleted": false, "likes": 3}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"username": "google-36bbf0ca645baa2f5d710dd72e9462cc", "about": "", "name": "Alan Chapman", "url": "", "isAnonymous": false, "rep": 1.2326139999999999, "profileUrl": "http://disqus.com/google-36bbf0ca645baa2f5d710dd72e9462cc/", "emailHash": "36bbf0ca645baa2f5d710dd72e9462cc", "reputation": 1.2326139999999999, "location": "", "isPrimary": true, "joinedAt": "2012-02-22T21:03:39", "id": "22731407", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=36bbf0ca645baa2f5d710dd72e9462cc", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=36bbf0ca645baa2f5d710dd72e9462cc"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=36bbf0ca645baa2f5d710dd72e9462cc", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=36bbf0ca645baa2f5d710dd72e9462cc"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=36bbf0ca645baa2f5d710dd72e9462cc", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=36bbf0ca645baa2f5d710dd72e9462cc"}}, "media": [], "points": 4, "isFlagged": false, "dislikes": 1, "raw_message": "Hi. After looking at many carousel plugins, I've found this to be by far the best one out there, so thank you for taking the time to create this and make it publicly available.\n\nI do have 2 questions however:\n1) Is it possible to edit the script so that the image at the front gets a little larger, just to emphasise that this is the current one? (think of regular flat carousels, or like iTunes Cover Flow), but not just by lowering the minScale value.\n\n2) Is it possible to have links on the images in the carousel, and have those links only working when the image is in the front position (i.e frontIndex).\nThis would mean users would click to bring an image to the front (using bringToFront:true), and then click the front one again to go off to a new page if they wanted to.\n\nI have spent a good deal of time looking though the code to see if I could implement these changes myself, however my jquery knowledge just isn't good enough.\n\nMany Thanks.", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2012-02-22T21:11:54", "isEdited": false, "message": "\u003cp>Hi. After looking at many carousel plugins, I've found this to be by far the best one out there, so thank you for taking the time to create this and make it publicly available.\u003c/p>\n\n\u003cp>I do have 2 questions however:\u003cbr>1) Is it possible to edit the script so that the image at the front gets a little larger, just to emphasise that this is the current one? (think of regular flat carousels, or like iTunes Cover Flow), but not just by lowering the minScale value.\u003c/p>\n\n\u003cp>2) Is it possible to have links on the images in the carousel, and have those links only working when the image is in the front position (i.e frontIndex).\u003cbr>This would mean users would click to bring an image to the front (using bringToFront:true), and then click the front one again to go off to a new page if they wanted to.\u003c/p>\n\n\u003cp>I have spent a good deal of time looking though the code to see if I could implement these changes myself, however my jquery knowledge just isn't good enough.\u003c/p>\n\n\u003cp>Many Thanks.\u003c/p>", "isHighlighted": false, "id": "446254569", "isDeleted": false, "likes": 5}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "Johan", "url": "", "profileUrl": "http://disqus.com/guest/959e074920bd3e23c5fc85728ee2e24a/", "emailHash": "959e074920bd3e23c5fc85728ee2e24a", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=959e074920bd3e23c5fc85728ee2e24a", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=959e074920bd3e23c5fc85728ee2e24a"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=959e074920bd3e23c5fc85728ee2e24a", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=959e074920bd3e23c5fc85728ee2e24a"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=959e074920bd3e23c5fc85728ee2e24a", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=959e074920bd3e23c5fc85728ee2e24a"}, "isAnonymous": true}, "media": [], "points": 2, "isFlagged": false, "dislikes": 0, "raw_message": "Load this page in the latest version of Google Chrome (version 19) and look at the first carousel: no reflections! A bug in Chrome or in the carousel script?", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2012-06-10T03:20:08", "isEdited": false, "message": "\u003cp>Load this page in the latest version of Google Chrome (version 19) and look at the first carousel: no reflections! A bug in Chrome or in the carousel script?\u003c/p>", "isHighlighted": false, "id": "553574004", "isDeleted": false, "likes": 2}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "eddy", "url": "", "profileUrl": "http://disqus.com/guest/4cf9ff7abdca29a84094326b64b9e077/", "emailHash": "4cf9ff7abdca29a84094326b64b9e077", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=4cf9ff7abdca29a84094326b64b9e077", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=4cf9ff7abdca29a84094326b64b9e077"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=4cf9ff7abdca29a84094326b64b9e077", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=4cf9ff7abdca29a84094326b64b9e077"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=4cf9ff7abdca29a84094326b64b9e077", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=4cf9ff7abdca29a84094326b64b9e077"}, "isAnonymous": true}, "media": [], "points": 2, "isFlagged": false, "dislikes": 0, "raw_message": "is there any way to keep it moving in a constant motion? i need to keep it moving non-stop at a fixed speed ", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2012-05-08T22:33:42", "isEdited": false, "message": "\u003cp>is there any way to keep it moving in a constant motion? i need to keep it moving non-stop at a fixed speed \u003c/p>", "isHighlighted": false, "id": "523363790", "isDeleted": false, "likes": 2}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "Jason", "url": "", "profileUrl": "http://disqus.com/guest/4cff4c7ef0e2a5d0ba1087ccf64583db/", "emailHash": "4cff4c7ef0e2a5d0ba1087ccf64583db", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=4cff4c7ef0e2a5d0ba1087ccf64583db", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=4cff4c7ef0e2a5d0ba1087ccf64583db"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=4cff4c7ef0e2a5d0ba1087ccf64583db", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=4cff4c7ef0e2a5d0ba1087ccf64583db"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=4cff4c7ef0e2a5d0ba1087ccf64583db", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=4cff4c7ef0e2a5d0ba1087ccf64583db"}, "isAnonymous": true}, "media": [], "points": 2, "isFlagged": false, "dislikes": 0, "raw_message": "Anyone know how to give an active or hover class to the image at the front? ", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2012-04-19T16:41:52", "isEdited": false, "message": "\u003cp>Anyone know how to give an active or hover class to the image at the front? \u003c/p>", "isHighlighted": false, "id": "502505210", "isDeleted": false, "likes": 2}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"username": "twitter-364933974", "about": "", "name": "wunderdojo", "url": "http://twitter.com/wunderdojo", "isAnonymous": false, "rep": 1.2334269999999998, "profileUrl": "http://disqus.com/twitter-364933974/", "emailHash": "558bce1ee1672baf12856c809b59df65", "reputation": 1.2334269999999998, "location": "", "isPrimary": true, "joinedAt": "2012-04-19T06:04:31", "id": "25042161", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/twitter-364933974.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2504/2161/avatar32.jpg?1360118227"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/twitter-364933974.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2504/2161/avatar92.jpg?1360118227", "large": {"permalink": "http://disqus.com/api/users/avatars/twitter-364933974.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2504/2161/avatar92.jpg?1360118227"}}}, "media": [], "points": 2, "isFlagged": false, "dislikes": 0, "raw_message": "To fix the issue where clicking on the right button fails to display the proper title and alt information you can simply add in a new variable, this.frontText. When you first load a carousel this.frontIndex = 0. When you click on the left button it increments by 1, so this.frontIndex is now 1. Click it again and this.frontIndex = 2. Clicking the right button decrements this.frontIndex by 1.\u00a0\nThe problem arises when you're at position 0 and click the right button. this.frontIndex is decremented by 1 and now = -1. Click it again, this.frontIndex = -2. Assume you have 5 images total. When you're at the initial position, the first image, Image 0, is displayed in front. Image 1 is to the left of it and Image 4 (the last image) is to the right. So when you click the right button this.frontIndex = -1 and using Math.abs as suggested below will give you 1 when what you need is 4.\nMy solution is to add in the following:\n\nCurrent Line 101:\nthis.frontIndex = 0;\t// Index of the item at the frontAdd this line after:this.frontText = 0;\n\nChange the showFrontText function to use our new variable, this.frontText, like so (the Cufon.refresh() line is b/c I'm using Cufon on the content. Take it out if you're not using Cufon):\n\n\t// Shows the text from the front most item.\t\tthis.showFrontText = function()\t\t{\t\t\t\tif ( items[this.frontText] === undefined ) { return; }\t// Images might not have loaded yet.\t\t\t$(options.titleBox).html( $(items[this.frontText].image).attr('title'));\t\t\t$(options.altBox).html( $(items[this.frontText].image).attr('alt'));\t\t\tCufon.refresh();\t\t\t\t\t};\n\nAnd finally, add one line to the this.rotate function, as follows:\n// Starts the rotation of the carousel. Direction is the number (+-) of carousel items to rotate by.\t\tthis.rotate = function(direction)\t\t{\t\t\t\tthis.frontIndex -= direction;\t\t\tthis.frontText = (this.frontIndex \u003c 0 )? (items.length) - Math.abs(this.frontIndex) : this.frontIndex;\n\nNow you have this.frontIndex which is keeping track of the carousel position and this.frontText which is keeping track of the correct image # being displayed.", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2012-04-19T06:04:33", "isEdited": false, "message": "\u003cp>To fix the issue where clicking on the right button fails to display the proper title and alt information you can simply add in a new variable, this.frontText. When you first load a carousel this.frontIndex = 0. When you click on the left button it increments by 1, so this.frontIndex is now 1. Click it again and this.frontIndex = 2. Clicking the right button decrements this.frontIndex by 1.\u00a0\u003cbr>The problem arises when you're at position 0 and click the right button. this.frontIndex is decremented by 1 and now = -1. Click it again, this.frontIndex = -2. Assume you have 5 images total. When you're at the initial position, the first image, Image 0, is displayed in front. Image 1 is to the left of it and Image 4 (the last image) is to the right. So when you click the right button this.frontIndex = -1 and using Math.abs as suggested below will give you 1 when what you need is 4.\u003cbr>My solution is to add in the following:\u003c/p>\n\n\u003cp>Current Line 101:\u003cbr>this.frontIndex = 0;\t// Index of the item at the frontAdd this line after:this.frontText = 0;\u003c/p>\n\n\u003cp>Change the showFrontText function to use our new variable, this.frontText, like so (the Cufon.refresh() line is b/c I'm using Cufon on the content. Take it out if you're not using Cufon):\u003c/p>\n\n\u003cp>\t// Shows the text from the front most item.\t\tthis.showFrontText = function()\t\t{\t\t\t\tif ( items[this.frontText] === undefined ) { return; }\t// Images might not have loaded yet.\t\t\t$(options.titleBox).html( $(items[this.frontText].image).attr('title'));\t\t\t$(options.altBox).html( $(items[this.frontText].image).attr('alt'));\t\t\tCufon.refresh();\t\t\t\t\t};\u003c/p>\n\n\u003cp>And finally, add one line to the this.rotate function, as follows:\u003cbr>// Starts the rotation of the carousel. Direction is the number (+-) of carousel items to rotate by.\t\tthis.rotate = function(direction)\t\t{\t\t\t\tthis.frontIndex -= direction;\t\t\tthis.frontText = (this.frontIndex &lt; 0 )? (items.length) - Math.abs(this.frontIndex) : this.frontIndex;\u003c/p>\n\n\u003cp>Now you have this.frontIndex which is keeping track of the carousel position and this.frontText which is keeping track of the correct image # being displayed.\u003c/p>", "isHighlighted": false, "id": "501750963", "isDeleted": false, "likes": 2}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"username": "qbahamutp", "about": "Optimistic, melancholic individualist. (Live) music zealot. Young father. Webdeveloper. ", "name": "Adrian van Vliet", "url": "http://advanvliet.com/", "isAnonymous": false, "rep": 1.237924, "profileUrl": "http://disqus.com/qbahamutp/", "emailHash": "5cff8d5818b3e6f065ec5c49b06390fd", "reputation": 1.237924, "location": "Netherlands", "isPrimary": true, "joinedAt": "2012-01-11T09:20:25", "id": "21052248", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar32.jpg?1351888538"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538", "large": {"permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538"}}}, "media": [], "points": 2, "isFlagged": false, "dislikes": 0, "raw_message": "Very important question, which seems to be a serious/weird bug in this carousel's mechanics. The demo has this same issue: when you hit the RIGHT BUTTON, frontIndex is not changed and thus the alt and title texts remain the same. Now refresh your page and click the LEFT BUTTON a few times. frontIndex IS changed every time.\u00a0\nAnd to make it even weirder, if you click the RIGHT BUTTON now, it suddenly ALSO changes the frontIndex, *but only up to the first image*.  ...I KNOW!?I'm really hoping that someone can help me figure this one out... Client wants to see this fixed asap :x Damn. ", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2012-01-13T09:31:14", "isEdited": false, "message": "\u003cp>Very important question, which seems to be a serious/weird bug in this carousel's mechanics. The demo has this same issue: when you hit the RIGHT BUTTON, frontIndex is not changed and thus the alt and title texts remain the same. Now refresh your page and click the LEFT BUTTON a few times. frontIndex IS changed every time.\u00a0\u003cbr>And to make it even weirder, if you click the RIGHT BUTTON now, it suddenly ALSO changes the frontIndex, *but only up to the first image*.  ...I KNOW!?I'm really hoping that someone can help me figure this one out... Client wants to see this fixed asap :x Damn. \u003c/p>", "isHighlighted": false, "id": "409639272", "isDeleted": false, "likes": 2}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 409639272, "author": {"username": "google-6eb5a832a43636cb9794d6895f90d5bc", "about": "", "name": "tired pixel", "url": "", "isAnonymous": false, "rep": 1.232222, "profileUrl": "http://disqus.com/google-6eb5a832a43636cb9794d6895f90d5bc/", "emailHash": "6eb5a832a43636cb9794d6895f90d5bc", "reputation": 1.232222, "location": "", "isPrimary": true, "joinedAt": "2012-01-16T21:08:10", "id": "21254204", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=6eb5a832a43636cb9794d6895f90d5bc", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=6eb5a832a43636cb9794d6895f90d5bc"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=6eb5a832a43636cb9794d6895f90d5bc", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=6eb5a832a43636cb9794d6895f90d5bc"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=6eb5a832a43636cb9794d6895f90d5bc", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=6eb5a832a43636cb9794d6895f90d5bc"}}, "media": [], "points": 1, "isFlagged": false, "dislikes": 0, "raw_message": "I encountered this issue, also finding that the title and alt texts were not updated with autoRotate.\n\nThe issue seems to be one of using negative indexes. Under certain circumstances (haven't investigated this in any depth), the\n\n\u00a0 \u00a0 this.frontIndex %= items.length\n\nline around line #210 (v1.0.5, within this.rotate = function(direction) {}) causes the index to become negative, which then fails. Simply checking to see if it is negative, and adding items.length if so, fixes this. So, right after the above line:\n\n\u00a0 \u00a0\u00a0if (this.frontIndex \u003c 0) {\n\u00a0 \u00a0 \u00a0 \u00a0 this.frontIndex += items.length;\n\u00a0 \u00a0 }\n\nMany thanks, Professor Cloud, for an excellent plugin! I'd like to add my vote to it being published on github; I could easily have made this fix for you, had it been already available! :)", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2012-01-16T21:08:12", "isEdited": false, "message": "\u003cp>I encountered this issue, also finding that the title and alt texts were not updated with autoRotate.\u003c/p>\n\n\u003cp>The issue seems to be one of using negative indexes. Under certain circumstances (haven't investigated this in any depth), the\u003c/p>\n\n\u003cp>\u00a0 \u00a0 this.frontIndex %= items.length\u003c/p>\n\n\u003cp>line around line #210 (v1.0.5, within this.rotate = function(direction) {}) causes the index to become negative, which then fails. Simply checking to see if it is negative, and adding items.length if so, fixes this. So, right after the above line:\u003c/p>\n\n\u003cp>\u00a0 \u00a0\u00a0if (this.frontIndex &lt; 0) {\u003cbr>\u00a0 \u00a0 \u00a0 \u00a0 this.frontIndex += items.length;\u003cbr>\u00a0 \u00a0 }\u003c/p>\n\n\u003cp>Many thanks, Professor Cloud, for an excellent plugin! I'd like to add my vote to it being published on github; I could easily have made this fix for you, had it been already available! :)\u003c/p>", "isHighlighted": false, "id": "412858039", "isDeleted": false, "likes": 1}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 412858039, "author": {"username": "qbahamutp", "about": "Optimistic, melancholic individualist. (Live) music zealot. Young father. Webdeveloper. ", "name": "Adrian van Vliet", "url": "http://advanvliet.com/", "isAnonymous": false, "rep": 1.237924, "profileUrl": "http://disqus.com/qbahamutp/", "emailHash": "5cff8d5818b3e6f065ec5c49b06390fd", "reputation": 1.237924, "location": "Netherlands", "isPrimary": true, "joinedAt": "2012-01-11T09:20:25", "id": "21052248", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar32.jpg?1351888538"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538", "large": {"permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538"}}}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "I fixed the problem using Kuiyu CHANG's solution, which works a little more elegant: http://www.professorcloud.com/mainsite/carousel.htm#comment-300370848", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 2, "numReports": 0, "createdAt": "2012-01-17T11:29:13", "isEdited": false, "message": "\u003cp>I fixed the problem using Kuiyu CHANG's solution, which works a little more elegant: \u003ca href=\"http://www.professorcloud.com/mainsite/carousel.htm#comment-300370848\" rel=\"nofollow\">http://www.professorcloud.com/...\u003c/a>\u003c/p>", "isHighlighted": false, "id": "413281582", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 409639272, "author": {"username": "professorcloud", "about": "Programmer", "name": "Professor Cloud", "url": "http://www.professorcloud.com", "isAnonymous": false, "rep": 1.3355949999999999, "profileUrl": "http://disqus.com/professorcloud/", "emailHash": "ebf9354e82a97427db7f5fb3f8970dde", "reputation": 1.3355949999999999, "location": "UK", "isPrimary": true, "joinedAt": "2010-05-07T21:35:35", "id": "2955290", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/professorcloud.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/295/5290/avatar32.jpg?1274156983"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/professorcloud.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/295/5290/avatar92.jpg?1274156983", "large": {"permalink": "http://disqus.com/api/users/avatars/professorcloud.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/295/5290/avatar92.jpg?1274156983"}}}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "This is a known bug. Others have posted fixes.", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2012-01-13T20:44:38", "isEdited": false, "message": "\u003cp>This is a known bug. Others have posted fixes.\u003c/p>", "isHighlighted": false, "id": "410090896", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 410090896, "author": {"username": "qbahamutp", "about": "Optimistic, melancholic individualist. (Live) music zealot. Young father. Webdeveloper. ", "name": "Adrian van Vliet", "url": "http://advanvliet.com/", "isAnonymous": false, "rep": 1.237924, "profileUrl": "http://disqus.com/qbahamutp/", "emailHash": "5cff8d5818b3e6f065ec5c49b06390fd", "reputation": 1.237924, "location": "Netherlands", "isPrimary": true, "joinedAt": "2012-01-11T09:20:25", "id": "21052248", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar32.jpg?1351888538"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538", "large": {"permalink": "http://disqus.com/api/users/avatars/qbahamutp.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538"}}}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "Thanks so much for pointing that out, Raff. A quick suggestion might be to upload this baby to GitHub. Have you ever considered this? There seem to be quite a few upgrades made by users that might as well be integrated, and a lot of ideas/requests made by others. GitHub would enable the crowd to keep developing this plugin, as it seems that you no longer do so? Which is totally fine of course. Just an idea (:", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 2, "numReports": 0, "createdAt": "2012-01-16T12:12:59", "isEdited": false, "message": "\u003cp>Thanks so much for pointing that out, Raff. A quick suggestion might be to upload this baby to GitHub. Have you ever considered this? There seem to be quite a few upgrades made by users that might as well be integrated, and a lot of ideas/requests made by others. GitHub would enable the crowd to keep developing this plugin, as it seems that you no longer do so? Which is totally fine of course. Just an idea (:\u003c/p>", "isHighlighted": false, "id": "412514910", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 412514910, "author": {"username": "professorcloud", "about": "Programmer", "name": "Professor Cloud", "url": "http://www.professorcloud.com", "isAnonymous": false, "rep": 1.3355949999999999, "profileUrl": "http://disqus.com/professorcloud/", "emailHash": "ebf9354e82a97427db7f5fb3f8970dde", "reputation": 1.3355949999999999, "location": "UK", "isPrimary": true, "joinedAt": "2010-05-07T21:35:35", "id": "2955290", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/professorcloud.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/295/5290/avatar32.jpg?1274156983"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/professorcloud.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/295/5290/avatar92.jpg?1274156983", "large": {"permalink": "http://disqus.com/api/users/avatars/professorcloud.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/295/5290/avatar92.jpg?1274156983"}}}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "Point taken Adrian - I'm just swamped with stuff at the moment.", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 3, "numReports": 0, "createdAt": "2012-01-16T14:28:31", "isEdited": false, "message": "\u003cp>Point taken Adrian - I'm just swamped with stuff at the moment.\u003c/p>", "isHighlighted": false, "id": "412584911", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"username": "facebook-100001503418588", "about": "", "name": "\u0392\u03ac\u03b9\u03bf\u03c2 \u0391\u03bd\u03b1\u03c3\u03c4\u03b1\u03c3\u03b9\u03ac\u03b4\u03b7\u03c2", "url": "http://www.facebook.com/people/\u0392\u03ac\u03b9\u03bf\u03c2-\u0391\u03bd\u03b1\u03c3\u03c4\u03b1\u03c3\u03b9\u03ac\u03b4\u03b7\u03c2/100001503418588", "isAnonymous": false, "rep": 1.2334269999999998, "profileUrl": "http://disqus.com/facebook-100001503418588/", "emailHash": "d41d8cd98f00b204e9800998ecf8427e", "reputation": 1.2334269999999998, "location": "", "isPrimary": true, "joinedAt": "2011-12-28T08:18:51", "id": "20602329", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/facebook-100001503418588.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2060/2329/avatar32.jpg?1351076591"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/facebook-100001503418588.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2060/2329/avatar92.jpg?1351076591", "large": {"permalink": "http://disqus.com/api/users/avatars/facebook-100001503418588.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/2060/2329/avatar92.jpg?1351076591"}}}, "media": [], "points": 2, "isFlagged": false, "dislikes": 0, "raw_message": "Thank you very much David. Awesome man...", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2012-01-03T07:41:43", "isEdited": false, "message": "\u003cp>Thank you very much David. Awesome man...\u003c/p>", "isHighlighted": false, "id": "399409211", "isDeleted": false, "likes": 2}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "melocotron", "url": "", "profileUrl": "http://disqus.com/guest/b322b4b44da13a84b962cb7fb2ce9a56/", "emailHash": "b322b4b44da13a84b962cb7fb2ce9a56", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=b322b4b44da13a84b962cb7fb2ce9a56", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=b322b4b44da13a84b962cb7fb2ce9a56"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=b322b4b44da13a84b962cb7fb2ce9a56", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=b322b4b44da13a84b962cb7fb2ce9a56"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=b322b4b44da13a84b962cb7fb2ce9a56", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=b322b4b44da13a84b962cb7fb2ce9a56"}, "isAnonymous": true}, "media": [], "points": 2, "isFlagged": false, "dislikes": 0, "raw_message": "I have a problem.\u00a0 In the integration on IE8,\u00a0\u00a0 the images presents a blue border.\u00a0 And I don't know how eliminate it.\u00a0\u00a0 The images are a png's with transparency.\n\nAny idea ?\n", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 1, "createdAt": "2011-11-15T19:48:10", "isEdited": false, "message": "\u003cp>I have a problem.\u00a0 In the integration on IE8,\u00a0\u00a0 the images presents a blue border.\u00a0 And I don't know how eliminate it.\u00a0\u00a0 The images are a png's with transparency.\u003c/p>\n\n\u003cp>Any idea ?\u003cbr>\u003c/p>", "isHighlighted": false, "id": "363919704", "isDeleted": false, "likes": 2}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 363919704, "author": {"name": "Fdsfad", "url": "", "profileUrl": "http://disqus.com/guest/e4c6ead9cbeea34b962c39aff96027c8/", "emailHash": "e4c6ead9cbeea34b962c39aff96027c8", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=e4c6ead9cbeea34b962c39aff96027c8", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=e4c6ead9cbeea34b962c39aff96027c8"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e4c6ead9cbeea34b962c39aff96027c8", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e4c6ead9cbeea34b962c39aff96027c8"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e4c6ead9cbeea34b962c39aff96027c8", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=e4c6ead9cbeea34b962c39aff96027c8"}, "isAnonymous": true}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "a img{\n\u00a0\u00a0\u00a0\u00a0 background:transparent;\n}", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2011-12-06T08:40:55", "isEdited": false, "message": "\u003cp>a img{\u003cbr>\u00a0\u00a0\u00a0\u00a0 background:transparent;\u003cbr>}\u003c/p>", "isHighlighted": false, "id": "380160583", "isDeleted": false, "likes": 0}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"name": "Gray1948", "url": "", "profileUrl": "http://disqus.com/guest/f00d4a49fd4ae9a2e879abf9e5686fcb/", "emailHash": "f00d4a49fd4ae9a2e879abf9e5686fcb", "avatar": {"small": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=f00d4a49fd4ae9a2e879abf9e5686fcb", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar32.png&size=32&gravatar_id=f00d4a49fd4ae9a2e879abf9e5686fcb"}, "large": {"permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=f00d4a49fd4ae9a2e879abf9e5686fcb", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=f00d4a49fd4ae9a2e879abf9e5686fcb"}, "permalink": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=f00d4a49fd4ae9a2e879abf9e5686fcb", "cache": "http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&size=92&gravatar_id=f00d4a49fd4ae9a2e879abf9e5686fcb"}, "isAnonymous": true}, "media": [], "points": 2, "isFlagged": false, "dislikes": 0, "raw_message": "Wow found the problem now works great. Great App\nHeres my fix\n\u003cscript language=\"JavaScript1.5\" src=\"js/cloud-carousel.1.0.5.js\" type=\"text/javascript\" defer=\"defer\">\u003c/script>\n\nRunnig windows 7 64 bit\ndreamweaver CS5\n(have add the extra to all the scripts being loaded under edit tag scripts shift+F5)\n", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-10-06T22:11:59", "isEdited": false, "message": "\u003cp>Wow found the problem now works great. Great App\u003cbr>Heres my fix\u003cbr>&lt;script defer=\"\" language=\"JavaScript1.5\" src=\"js/cloud-carousel.1.0.5.js\" type=\"text/javascript\"&gt;&lt;/script&gt;\u003c/p>\n\n\u003cp>Runnig windows 7 64 bit\u003cbr>dreamweaver CS5\u003cbr>(have add the extra to all the scripts being loaded under edit tag scripts shift+F5)\u003cbr>\u003c/p>", "isHighlighted": false, "id": "328343880", "isDeleted": false, "likes": 2}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": null, "author": {"username": "Vincent_A", "about": "Internet Services, Email Marketing Online Strategy Consultancy", "name": "Vincent", "url": "http://www.businesswebsitemanager.com", "isAnonymous": false, "rep": 1.292482, "profileUrl": "http://disqus.com/Vincent_A/", "emailHash": "54d2eb5f1d602460f0b1d089d09b5151", "reputation": 1.292482, "location": "London", "isPrimary": true, "joinedAt": "2009-09-04T10:54:40", "id": "766046", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/Vincent_A.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/76/6046/avatar32.jpg?1290531095"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/Vincent_A.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/76/6046/avatar92.jpg?1290531095", "large": {"permalink": "http://disqus.com/api/users/avatars/Vincent_A.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/76/6046/avatar92.jpg?1290531095"}}}, "media": [], "points": 2, "isFlagged": false, "dislikes": 0, "raw_message": "Can this be made into a plugin for WordPress?", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 0, "numReports": 0, "createdAt": "2011-09-16T19:38:05", "isEdited": false, "message": "\u003cp>Can this be made into a plugin for WordPress?\u003c/p>", "isHighlighted": false, "id": "313370304", "isDeleted": false, "likes": 2}, {"isJuliaFlagged": true, "forum": "professorcloud", "parent": 313370304, "author": {"username": "professorcloud", "about": "Programmer", "name": "Professor Cloud", "url": "http://www.professorcloud.com", "isAnonymous": false, "rep": 1.3355949999999999, "profileUrl": "http://disqus.com/professorcloud/", "emailHash": "ebf9354e82a97427db7f5fb3f8970dde", "reputation": 1.3355949999999999, "location": "UK", "isPrimary": true, "joinedAt": "2010-05-07T21:35:35", "id": "2955290", "avatar": {"small": {"permalink": "http://disqus.com/api/users/avatars/professorcloud.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/295/5290/avatar32.jpg?1274156983"}, "isCustom": false, "permalink": "http://disqus.com/api/users/avatars/professorcloud.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/295/5290/avatar92.jpg?1274156983", "large": {"permalink": "http://disqus.com/api/users/avatars/professorcloud.jpg", "cache": "http://mediacdn.disqus.com/uploads/users/295/5290/avatar92.jpg?1274156983"}}}, "media": [], "points": 0, "isFlagged": false, "dislikes": 0, "raw_message": "Not as standard, perhaps someone else has managed this?", "isApproved": true, "isSpam": false, "thread": "96804936", "depth": 1, "numReports": 0, "createdAt": "2011-09-16T20:30:14", "isEdited": false, "message": "\u003cp>Not as standard, perhaps someone else has managed this?\u003c/p>", "isHighlighted": false, "id": "313417345", "isDeleted": false, "likes": 0}], "theme": {"base": {"name": "Disqus 2012", "css": "http://mediacdn.disqus.com/1363738576/build/next/lounge/theme.css", "js": "http://mediacdn.disqus.com/1363738576/build/next/lounge/theme.js"}}, "session": {"canModerate": false, "isReadOnly": null, "audienceSyncVerified": false, "canReply": true, "notificationCount": null, "mustVerifyEmail": false}, "features": {}}}</script>

        
        <style>
            html { overflow: hidden; }

            #postCompatContainer {
                position: absolute;
                left: -10000px;
                width: 1000px;
            }
        </style>
        
    <script src="a_data/lib.js" charset="utf-8" type="text/javascript"></script><script src="a_data/client.js" charset="utf-8" type="text/javascript"></script><style id="css_1363745182723"></style><!-- base href="http://www.professorcloud.com/mainsite/carousel.htm" --><link href="a_data/theme.css" type="text/css" rel="stylesheet"><script src="a_data/theme.js" async="" charset="utf-8" type="text/javascript"></script><link href="a_data/max.css" type="text/css" rel="stylesheet"><script src="a_data/max.js" async="" charset="utf-8" type="text/javascript"></script><script charset="UTF-8" async="" src="a_data/event.js"></script><script charset="UTF-8" async="" src="a_data/event_003.js"></script><script charset="UTF-8" async="" src="a_data/event_004.js"></script><script charset="UTF-8" async="" src="a_data/event_002.js"></script></head>

    <body>
        
        <div id="postCompatContainer">
            <ul>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/f04631f614de726a4089103637876ffb/">Derk</a>
                    </h4>

                    <div>
                        <p>There's a bug in your code. When moving from 
the first item in the list to the last (wrapping), the altBox and 
titleBox aren't updated. I've traced this to a problem in the rotate 
function: this.frontIndex %= items.length. Javascript doesn't handle 
negative module number correctly so -1 % x == -1 instead of x-1. I've 
added the following as a quick fix:&nbsp;if (this.frontIndex &lt; 0) { 
this.frontIndex += items.length};</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/e07c9581043b9882e28c3b0c29f1c581/">Metalfrog</a>
                    </h4>

                    <div>
                        <p>If you are having problems with the right button not updating the text when the carousel rotates, try this fix:</p>

<p>ADD:<br>			if(this.frontIndex &lt; 0) {<br>				this.frontIndex = images.length - 1;<br>			}</p>

<p>to the top of the showFrontText function, which is around line 185 in v1.0.5. You should end up with this:</p>

<p>		// Shows the text from the front most item.<br>		this.showFrontText = function()<br>		{	<br>			if(this.frontIndex &lt; 0) {<br>				this.frontIndex = images.length - 1;<br>			}<br>			<br>			if ( items[this.frontIndex] === undefined ) { return; }	// Images might not have loaded yet.<br>			$(options.titleBox).html( $(items[this.frontIndex].image).attr('title'));<br>			$(options.altBox).html( $(items[this.frontIndex].image).attr('alt'));				<br>		};</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/9b6b7735e0dae9631d31a1768dc0a340/">Hamidjon</a>
                    </h4>

                    <div>
                        <p>Thanks Metalfrog )) now, it is working correctly.</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/98ab51d4719527c54c0e46a6f65488d1/">HappyCamper</a>
                    </h4>

                    <div>
                        <p>Thanks Metalfrog, I needed that fix!</p>

<p>...and special thanks to the Professor for creating the plugin!</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/bfb67b38b714ef0e6e94ab7879feb8f7/">David</a>
                    </h4>

                    <div>
                        <p>Really nice plugin. Fast and smooth, bookmarked. </p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/d7987b1b32970ea44b31b834e2e9ffc9/">Krzysztof Ciba</a>
                    </h4>

                    <div>
                        <p>This is what I was looking for last week. Great!</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/facebook-100001606839360/">Andrey Kostromin</a>
                    </h4>

                    <div>
                        <p>how I can open only front image in popup (or at new page), other images bring to front?</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/google-e3ef89d5c522a609d88184503bc70020/">Fanis Prodromou</a>
                    </h4>

                    <div>
                        <p>It does not show the front text on right button click.&nbsp;<br>This is my fix:</p>

<p>this.rotate = function (direction) {	this.frontIndex -= direction;	
this.frontIndex %= items.length;	this.destRotation += (Math.PI / 
items.length) * (2 * direction);	this.showFrontText(direction); //set 
the direction	this.go();};</p>

<p>this.showFrontText = function (direction) {&nbsp; &nbsp; &nbsp; 
&nbsp; //_____ &nbsp;this is the fix &nbsp;_______________	if 
(this.frontIndex &lt; 0 &amp;&amp; direction==1) {		this.frontIndex = 
Math.abs(Math.abs(this.frontIndex) - items.length);	}&nbsp; &nbsp; 
&nbsp; &nbsp; //__________________________________	if 
(items[this.frontIndex] === undefined) { return; } // Images might not 
have loaded yet.	
$(options.titleBox).html($(items[this.frontIndex].image).attr('title'));
	$(options.altBox).html($(items[this.frontIndex].image).attr('alt'));};</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/6007accd4e73c601aca373213785d3e4/">Adiakaadrian</a>
                    </h4>

                    <div>
                        <p>is there a version online to see the code configured poperly?<br>pls share a link!</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/c4352509d147493fb132a5076e3ca0eb/">Samer Sahih</a>
                    </h4>

                    <div>
                        <p>Hi there.. First of all you're a great 
inspiration to me as a new jquery developer I was just so impressed by 
how ingenious your work is.. I'd like to ask some questions regarding 
this plugin if you'd be kind enough to reply:</p>

<p>1) How can I add left and right keyboard clicks in the code, I've tried<br>$(document).keydown(function (event) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (event.keyCode == 37) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.rotate(-1);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return false;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else if (event.keyCode == 39) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(container).rotate(1);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return false;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<br>But none of them work it tells me rotate() is not a function.</p>

<p>2) Can I play with the width and height of the 2 images that show 
next to the middle image ? If I want to make their height and width 
smaller. I've tried playing with the code a little but failed :p lol</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/a1109d237774510edc861f4c2879b8a6/">Tom</a>
                    </h4>

                    <div>
                        <p>I have a fix for the code I downloaded for this carousel.</p>

<p>On the da vinci version here you will notice that if you refresh the 
page and then click the right hand button the text does not change</p>

<p>Basically you need to get the number of images and then do this  in the showFrontText function</p>

<p>// Shows the text from the front most item.<br>		this.showFrontText = function()<br>		{	<br>			// fix for negative index numbers that stop the text from changing when <br>			// using the arrow to move the carousel right<br>			if (this.frontIndex &lt; 0) {<br>				this.frontIndex = totalimages;<br>			}<br>			<br>			if ( items[this.frontIndex] === undefined ) { return; }	// Images might not have loaded yet.<br>			$(options.titleBox).html($(items[this.frontIndex].image).attr('title') + this.frontIndex);<br>			$(options.altBox).html($(items[this.frontIndex].image).attr('alt') + this.frontIndex);				<br>		};</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/ScottMcFarlane/">ScottMcFarlane</a>
                    </h4>

                    <div>
                        <p>Works perfect!</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/569803a3d792d5033d618d663e947191/">Fds</a>
                    </h4>

                    <div>
                        <p>Yep, that works, thanks a lot : ) </p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/a8f86d1abbb7f1fdff8ff72f23f8d483/">timwebdev</a>
                    </h4>

                    <div>
                        <p>Hi, first of all thanks very much for this plugin, it works great!</p>

<p>I think it is very useful to add a simple public action 
$(elemnt...).CloudCarousel('right') 
and&nbsp;$(elemnt...).CloudCarousel('left') so it is possible to control
 the carousel on keypress (arrow key left/right)</p>

<p></p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/24b47c91d48bea351be76319f2d5e847/">mark</a>
                    </h4>

                    <div>
                        <p>Hi, and thanks for this very useful script.<br>Is
 there any way to have in jQuery the id of the "front" element (the 
"selected" one) and/or the ids of all the others "background" elements. I
 basically would like to apply an effect to the elements that are in 
background, like a blur or fade, leaving just the one in front clean. I 
know how to apply it but I still lack the ID or class of the elements to
 apply to.thanks in advance,</p>

<p>Mark&nbsp;</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/e3a438b02f607d6b882c01f3b8d1400a/">Gregory Hanes</a>
                    </h4>

                    <div>
                        <p>&nbsp;I was able to assign an&nbsp;opacity to
 all but the Active Image. I would like it to do 
a&nbsp;variable&nbsp;opacity but that needs to be done 
in&nbsp;JavaScript&nbsp;which I am not&nbsp;proficient.<br>img.cloudcarousel&nbsp;&nbsp;{opacity:0.4;filter:alpha(opacity=10);
 /* For IE8 and earlier */}img.cloudcarousel.active {opacity:1 
!important;filter:alpha(opacity=100); /* For IE8 and earlier */border: 
1px solid #fff;} </p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/34e3ab8cf444ec560f39ffa5cabd6897/">Gand</a>
                    </h4>

                    <div>
                        <p>weqweqw qeqwe weq e</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/953cadac38448116070f0d86bc0122ec/">ndcisiv</a>
                    </h4>

                    <div>
                        <p>How can I make the title and alt information change when using the buttons instead of only when an image is hovered over?&nbsp; </p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/08aaf2545d9d1b4af6a49ba75b3ba6d0/">Manuel</a>
                    </h4>

                    <div>
                        <p>Is there any way to make the front item bigger?</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/d39c3d79bd8cb1ec84b12afbcf822144/">Sagan Marketing</a>
                    </h4>

                    <div>
                        <p>You can achieve this by making the items smaller with&nbsp;minScale</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/wunderdojo/">wunderdojo</a>
                    </h4>

                    <div>
                        <p>If you're looking for a way to have IE not 
show the images first in a row and then redraw them correctly, here's 
the fix -- it was driving me nuts on one site.</p>

<p>Set the style of the div you're wrapping your carousel in to display:none. That will hide it initially.</p>

<p>Open up cloud-carousel.1.0.5.js and make the following edits:</p>

<p>At line 265:<br>var	img = item.image;	/* wunderdojo edit -- add this 
next line */if (isMSIE){ item.orgWidth = img.naturalWidth;}w = img.width
 = item.orgWidth * scale;						/* wunderdojo edit -- add this next line 
*/&nbsp;if (isMSIE){ item.orgHeight = img.naturalHeight;}</p>

<p>And at line 330 at the end of the this.checkImagesLoaded function add
 one more line to it -- right after the line that reads: 
this.updateAll();</p>

<p>/* wunderdojo edit -- add this next line */&nbsp;&nbsp;<br>this.container.style.display='block';</p>

<p>What that does is hide the block initially. Then, when all the images
 are loaded, it shows the block. IE sees the height and width of the 
images as 0 when they're hidden so the first lines use its naturalWidth 
and naturalHeight properties to find out how big the images are.</p>

<p>Now your carousel simply opens ready for business!</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/twitter-278180581/">Daniel K.</a>
                    </h4>

                    <div>
                        <p>it's great but anyway not working with jquery &gt;1.7<br>thanks a lot for this awesome script : )</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/qbahamutp/">Adrian van Vliet</a>
                    </h4>

                    <div>
                        <p>I'm running it on jQuery 1.7 just fine...</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/2388e326072d8ed0c5e8d2248cd8c998/">Newbie</a>
                    </h4>

                    <div>
                        <p>&nbsp;Hello Adrian,<br>how have you fixed it.<br>Can you post the changes?<br>Thank you</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/twitter-278180581/">Daniel K.</a>
                    </h4>

                    <div>
                        <p>Thanks Adrian, you were absolutely right, the
 jquery mousewheel script was outdated, that's why I could not scroll 
through the images.<br>I found the new version 3.0.6 at&nbsp;<br>Brandon Aaron's&nbsp;<br>website.</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/d39c3d79bd8cb1ec84b12afbcf822144/">Christian Questions</a>
                    </h4>

                    <div>
                        <p>So after digging around the code I finally 
figured out how to turn this into a vertical carousel. In case anyone 
ever attempts to do this on their own site here's what I got: At about 
line 260 of the non-minified version, you have two lines like this:</p>

<p>&nbsp; &nbsp; x = this.xCentre + (( (funcCos(radians) * this.xRadius) - (item.orgWidth*0.5)) * scale);<br>&nbsp; &nbsp; y = this.yCentre + (( (sinVal * this.yRadius) &nbsp;) * scale);</p>

<p>Just Change them to:</p>

<p>&nbsp; &nbsp; y = this.yCentre + (( (funcCos(radians) * this.yRadius) - (item.orgWidth*0.5)) * scale);<br>&nbsp; &nbsp; x = this.xCentre + (( (sinVal * this.xRadius) &nbsp;) * scale);</p>

<p>Notice how the x and y have been switched (3x)</p>

<p>You'll need to mess around with the initialization stuff especially the xPos and xRadius, here were my end results:</p>

<p>&nbsp; &nbsp; $("#bookscroll").CloudCarousel({			<br>&nbsp; &nbsp; &nbsp; &nbsp; xPos: 11,<br>&nbsp; &nbsp; &nbsp; &nbsp; yPos: 170,<br>&nbsp; &nbsp; &nbsp; &nbsp; xRadius: 16,<br>&nbsp; &nbsp; &nbsp; &nbsp; yRadius: 170,<br>&nbsp; &nbsp; &nbsp; &nbsp; buttonLeft: $("#book-down"),<br>&nbsp; &nbsp; &nbsp; &nbsp; buttonRight: $("#book-up"),<br>&nbsp; &nbsp; &nbsp; &nbsp; altBox: $("#book-alt"),<br>&nbsp; &nbsp; &nbsp; &nbsp; titleBox: $("#book-title"),<br>&nbsp; &nbsp; &nbsp; &nbsp; mouseWheel: true,<br>&nbsp; &nbsp; &nbsp; &nbsp; bringToFront: true,<br>&nbsp; &nbsp; &nbsp; &nbsp; autoRotate: 'left',<br>&nbsp; &nbsp; &nbsp; &nbsp; speed: 0.02,<br>&nbsp; &nbsp; &nbsp; &nbsp; autoRotateDelay: 4000<br>&nbsp; &nbsp; });</p>

<p>Hope this helps someone, you can see it in action (and even more highly customized) at <a href="http://www.inspiritandintruth.com/" rel="nofollow">http://www.inspiritandintruth....</a></p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/ef061bb59f09ce425fc9ee9097eefaf8/">Xzl52199</a>
                    </h4>

                    <div>
                        <p>How to download </p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/adjohu/">adjohu</a>
                    </h4>

                    <div>
                        <p>Hi,</p>

<p>I had an issue where the carousel would rotate like mad if the window
 was out of focus for a while. (such as being in a background tab for a 
while and changing back to the tab with the carousel in).</p>

<p>I've patched the code by adding this at the very start of the script (below the (function($){ )</p>

<p>// Hold whether window is active	$(function(){		window.isActive = 
true;		$(window).focus(function() { this.isActive = true; });		
$(window).blur(function() { this.isActive = false; });	});</p>

<p>This stores a window.isActive boolean that allows us to check if the window is in focus.</p>

<p>Then in the 'this.rotate' function add these lines before any code:</p>

<p>// Do not do rotate if window isn't focused.	if(!window.isActive){	&nbsp; &nbsp;&nbsp;return;	}</p>

<p>Hope this helps someone.</p>

<p>Adam<br></p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/a61cf31a88dfb48a48e7a3090ef1bb9d/">Brad</a>
                    </h4>

                    <div>
                        <p>Hi Adam,</p>

<p>Thanks for the patch, though there is one problem. Implementing this 
patch prevents the carousel from working in IE 6, 7 &amp; 8. As I am not
 very proficient in jQuery, I was wondering if anyone can fix this?</p>

<p>Cheers,<br>Brad</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/c528258f7820505c494dcfc5ae39fb93/">Steven</a>
                    </h4>

                    <div>
                        <p>Brad is correct, the page needs to be 
reloaded in IE after you take focus away from the window and return to 
it. A "Reset" button could probably be added by calling a function to 
reload the browser:</p>

<p>window.location.reload();</p>

<p>It would be good if someone with more JavaScript experience could 
look into this, and it will deplete system resources when a page is left
 open but not in focus.</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/anyulled/">Anyul Rivas</a>
                    </h4>

                    <div>
                        <p>this is pretty cool!</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/1da98232492419bb01f404076877fb82/">WiZ</a>
                    </h4>

                    <div>
                        <p>Hi,<br>Realy love the carousel, great work! Is there any way to hide the images as they load up? </p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/0949db33085c0d8fb51b97fdb396f1a4/">wim</a>
                    </h4>

                    <div>
                        <p>Thank you for this great script! It works great on an iPhone too! <br>Q:
 Is there a possibility to make the images that are positioned to the 
back to fade a little bit to put the visual attantion on the front most 
image?<br></p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/google-36bbf0ca645baa2f5d710dd72e9462cc/">Alan Chapman</a>
                    </h4>

                    <div>
                        <p>Hi. After looking at many carousel plugins, 
I've found this to be by far the best one out there, so thank you for 
taking the time to create this and make it publicly available.</p>

<p>I do have 2 questions however:<br>1) Is it possible to edit the 
script so that the image at the front gets a little larger, just to 
emphasise that this is the current one? (think of regular flat 
carousels, or like iTunes Cover Flow), but not just by lowering the 
minScale value.</p>

<p>2) Is it possible to have links on the images in the carousel, and 
have those links only working when the image is in the front position 
(i.e frontIndex).<br>This would mean users would click to bring an image
 to the front (using bringToFront:true), and then click the front one 
again to go off to a new page if they wanted to.</p>

<p>I have spent a good deal of time looking though the code to see if I 
could implement these changes myself, however my jquery knowledge just 
isn't good enough.</p>

<p>Many Thanks.</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/959e074920bd3e23c5fc85728ee2e24a/">Johan</a>
                    </h4>

                    <div>
                        <p>Load this page in the latest version of 
Google Chrome (version 19) and look at the first carousel: no 
reflections! A bug in Chrome or in the carousel script?</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/4cf9ff7abdca29a84094326b64b9e077/">eddy</a>
                    </h4>

                    <div>
                        <p>is there any way to keep it moving in a constant motion? i need to keep it moving non-stop at a fixed speed </p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/4cff4c7ef0e2a5d0ba1087ccf64583db/">Jason</a>
                    </h4>

                    <div>
                        <p>Anyone know how to give an active or hover class to the image at the front? </p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/twitter-364933974/">wunderdojo</a>
                    </h4>

                    <div>
                        <p>To fix the issue where clicking on the right 
button fails to display the proper title and alt information you can 
simply add in a new variable, this.frontText. When you first load a 
carousel this.frontIndex = 0. When you click on the left button it 
increments by 1, so this.frontIndex is now 1. Click it again and 
this.frontIndex = 2. Clicking the right button decrements 
this.frontIndex by 1.&nbsp;<br>The problem arises when you're at 
position 0 and click the right button. this.frontIndex is decremented by
 1 and now = -1. Click it again, this.frontIndex = -2. Assume you have 5
 images total. When you're at the initial position, the first image, 
Image 0, is displayed in front. Image 1 is to the left of it and Image 4
 (the last image) is to the right. So when you click the right button 
this.frontIndex = -1 and using Math.abs as suggested below will give you
 1 when what you need is 4.<br>My solution is to add in the following:</p>

<p>Current Line 101:<br>this.frontIndex = 0;	// Index of the item at the frontAdd this line after:this.frontText = 0;</p>

<p>Change the showFrontText function to use our new variable, 
this.frontText, like so (the Cufon.refresh() line is b/c I'm using Cufon
 on the content. Take it out if you're not using Cufon):</p>

<p>	// Shows the text from the front most item.		this.showFrontText = 
function()		{				if ( items[this.frontText] === undefined ) { return; }	
// Images might not have loaded yet.			$(options.titleBox).html( 
$(items[this.frontText].image).attr('title'));			$(options.altBox).html(
 $(items[this.frontText].image).attr('alt'));			Cufon.refresh();					};</p>

<p>And finally, add one line to the this.rotate function, as follows:<br>//
 Starts the rotation of the carousel. Direction is the number (+-) of 
carousel items to rotate by.		this.rotate = function(direction)		{				
this.frontIndex -= direction;			this.frontText = (this.frontIndex &lt; 0
 )? (items.length) - Math.abs(this.frontIndex) : this.frontIndex;</p>

<p>Now you have this.frontIndex which is keeping track of the carousel 
position and this.frontText which is keeping track of the correct image #
 being displayed.</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/qbahamutp/">Adrian van Vliet</a>
                    </h4>

                    <div>
                        <p>Very important question, which seems to be a 
serious/weird bug in this carousel's mechanics. The demo has this same 
issue: when you hit the RIGHT BUTTON, frontIndex is not changed and thus
 the alt and title texts remain the same. Now refresh your page and 
click the LEFT BUTTON a few times. frontIndex IS changed every 
time.&nbsp;<br>And to make it even weirder, if you click the RIGHT 
BUTTON now, it suddenly ALSO changes the frontIndex, *but only up to the
 first image*.  ...I KNOW!?I'm really hoping that someone can help me 
figure this one out... Client wants to see this fixed asap :x Damn. </p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/google-6eb5a832a43636cb9794d6895f90d5bc/">tired pixel</a>
                    </h4>

                    <div>
                        <p>I encountered this issue, also finding that the title and alt texts were not updated with autoRotate.</p>

<p>The issue seems to be one of using negative indexes. Under certain circumstances (haven't investigated this in any depth), the</p>

<p>&nbsp; &nbsp; this.frontIndex %= items.length</p>

<p>line around line #210 (v1.0.5, within this.rotate = 
function(direction) {}) causes the index to become negative, which then 
fails. Simply checking to see if it is negative, and adding items.length
 if so, fixes this. So, right after the above line:</p>

<p>&nbsp; &nbsp;&nbsp;if (this.frontIndex &lt; 0) {<br>&nbsp; &nbsp; &nbsp; &nbsp; this.frontIndex += items.length;<br>&nbsp; &nbsp; }</p>

<p>Many thanks, Professor Cloud, for an excellent plugin! I'd like to 
add my vote to it being published on github; I could easily have made 
this fix for you, had it been already available! :)</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/qbahamutp/">Adrian van Vliet</a>
                    </h4>

                    <div>
                        <p>I fixed the problem using Kuiyu CHANG's solution, which works a little more elegant: <a href="http://www.professorcloud.com/mainsite/carousel.htm#comment-300370848" rel="nofollow">http://www.professorcloud.com/...</a></p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/professorcloud/">Professor Cloud</a>
                    </h4>

                    <div>
                        <p>This is a known bug. Others have posted fixes.</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/qbahamutp/">Adrian van Vliet</a>
                    </h4>

                    <div>
                        <p>Thanks so much for pointing that out, Raff. A
 quick suggestion might be to upload this baby to GitHub. Have you ever 
considered this? There seem to be quite a few upgrades made by users 
that might as well be integrated, and a lot of ideas/requests made by 
others. GitHub would enable the crowd to keep developing this plugin, as
 it seems that you no longer do so? Which is totally fine of course. 
Just an idea (:</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/professorcloud/">Professor Cloud</a>
                    </h4>

                    <div>
                        <p>Point taken Adrian - I'm just swamped with stuff at the moment.</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/facebook-100001503418588/">Βάιος Αναστασιάδης</a>
                    </h4>

                    <div>
                        <p>Thank you very much David. Awesome man...</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/b322b4b44da13a84b962cb7fb2ce9a56/">melocotron</a>
                    </h4>

                    <div>
                        <p>I have a problem.&nbsp; In the integration on
 IE8,&nbsp;&nbsp; the images presents a blue border.&nbsp; And I don't 
know how eliminate it.&nbsp;&nbsp; The images are a png's with 
transparency.</p>

<p>Any idea ?<br></p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/e4c6ead9cbeea34b962c39aff96027c8/">Fdsfad</a>
                    </h4>

                    <div>
                        <p>a img{<br>&nbsp;&nbsp;&nbsp;&nbsp; background:transparent;<br>}</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/guest/f00d4a49fd4ae9a2e879abf9e5686fcb/">Gray1948</a>
                    </h4>

                    <div>
                        <p>Wow found the problem now works great. Great App<br>Heres my fix<br>&lt;script defer="" language="JavaScript1.5" src="js/cloud-carousel.1.0.5.js" type="text/javascript"&gt;&lt;/script&gt;</p>

<p>Runnig windows 7 64 bit<br>dreamweaver CS5<br>(have add the extra to all the scripts being loaded under edit tag scripts shift+F5)<br></p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/Vincent_A/">Vincent</a>
                    </h4>

                    <div>
                        <p>Can this be made into a plugin for WordPress?</p>
                    </div>
                </li>
            
                <li>
                    <h4>
                        <a href="http://disqus.com/professorcloud/">Professor Cloud</a>
                    </h4>

                    <div>
                        <p>Not as standard, perhaps someone else has managed this?</p>
                    </div>
                </li>
            
            </ul>
        </div>

        <div id="notFound" style="display:none;">
            <p>We were unable to load Disqus. If you are a moderator please see our <a href="http://docs.disqus.com/help/83/"> troubleshooting guide</a>. </p>
        </div>

        
            
            <!--[if lt IE 9]>
            <script src="http://mediacdn.disqus.com/1363738576/js/src/embed/shared/html5shiv.js"></script>
            <![endif]-->

            
            <script src="a_data/load.js"></script>
            
        
    

<div id="layout">    <div style="position: static; visibility: visible; display: block;" id="discovery-top"><div id="discovery-main-c356" class="discovery-main">    <div id="discovery-note" style="display:none;">        <div class="alert">        <a href="#" class="close" data-action="discovery-help-close" title="Close this box">×</a>
        Disqus helps you find new and interesting content, discussions 
and products. Some sponsors and ecommerce sites may pay us for these 
recommendations and links. <a href="http://help.disqus.com/customer/portal/articles/666278-introducing-promoted-discovery-and-f-a-q-" target="_blank">Learn more</a> or <a href="https://www.surveymonkey.com/s/GHK872T" target="_blank">    give us feedback</a>.        </div>    </div>        <section id="col-organic-c356" class="col-organic">        <header class="discovery-col-header">                                    <div class="discovery-options">                <span class="publisher-anchor-color"><a href="#" class="discovery-help" data-action="discovery-help">What's this?</a></span>            </div>                                    <h2>Around The Web</h2>                    </header>        <ul class="discovery-posts">        <li class="discovery-post" id="discovery-link-p37667">        <header class="discovery-post-header">            <h3 title="How to Get Wi-Fi Without a Password">                <a href="http://redirect.disqus.com/url?url=http%3A%2F%2Fwww.ehow.com%2Fhow_8248637_wifi-password.html%3Futm_source%3Dsm-disqus%26utm_medium%3Dtest348%3AKwmru9JAfX-D1g_oB8bqmaDBibg&amp;imp=1363745182217566537&amp;forum_id=356641&amp;forum=professorcloud&amp;thread_id=96804936&amp;major_version=midway&amp;variant=max&amp;zone=promoted_discovery&amp;advertisement_id=37229&amp;body_id=37667" target="_blank" data-role="discovery-thread-title" class="title publisher-anchor-color line-truncate" data-line-truncate="2">                    How to Get Wi-Fi Without a Password                </a>                                                                            <span class="inline-meta">                        eHow                    </span>                                                </h3>                    </header>            </li>        <li class="discovery-post" id="discovery-link-p41651">        <header class="discovery-post-header">            <h3 title="Meet the 5 Richest Women in America">                <a href="http://redirect.disqus.com/url?url=http%3A%2F%2Fwww.investopedia.com%2Fslide-show%2Frichest-women%3Fpartner%3Dvcb%3Futm_campaign%3Dinv-dsq-pfs-012813%26utm_source%3Ddsq%26utm_medium%3Dcpc%26utm_content%3Dadg-na_adv-na_mtp-na_adc-con_adf-mix_ptp-cp_geo-na%3AKPfPUhgcl7-_5lptOKyH_hKYaXk&amp;imp=1363745182217566537&amp;forum_id=356641&amp;forum=professorcloud&amp;thread_id=96804936&amp;major_version=midway&amp;variant=max&amp;zone=promoted_discovery&amp;advertisement_id=41206&amp;body_id=41651" target="_blank" data-role="discovery-thread-title" class="title publisher-anchor-color line-truncate" data-line-truncate="2">                    Meet the 5 Richest Women in America                </a>                                                                            <span class="inline-meta">                        Investopedia                    </span>                                                </h3>                    </header>            </li>        <li class="discovery-post" id="discovery-link-p22120">        <header class="discovery-post-header">            <h3 title="Pictures: Anna Nicole's Daughter, Dannielynn Birkhead, is Growing Up and Gorgeous">                <a href="http://redirect.disqus.com/url?url=http%3A%2F%2Fwww.zimbio.com%2Fphotos%2FDannielynn%2BBirkhead%3Futm_source%3Ddisq%26utm_medium%3Dcpc%26utm_campaign%3Ddisq-Z-Celebs-1%3A9kf2Dm_2QPf4vokfQNWHXgsUWEU&amp;imp=1363745182217566537&amp;forum_id=356641&amp;forum=professorcloud&amp;thread_id=96804936&amp;major_version=midway&amp;variant=max&amp;zone=promoted_discovery&amp;advertisement_id=21766&amp;body_id=22120" target="_blank" data-role="discovery-thread-title" class="title publisher-anchor-color line-truncate" data-line-truncate="2">                     Pictures: Anna Nicole's Daughter, Dannielynn Birkhead, is …</a>                                                                            <span class="inline-meta">                        Zimbio                    </span>                                                </h3>                    </header>            </li>        <li class="discovery-post" id="discovery-link-p38497">        <header class="discovery-post-header">            <h3 title="Jessica Chastain's See-Through Pants: Big Mistake or Sheer Perfection? ">                <a href="http://redirect.disqus.com/url?url=http%3A%2F%2Fwww.stylelist.com%2Fread%2Fjessica-chastains-see-through-pants-big-mistake-or-sheer-perfection%3Fncid%3Ddynaldusaolp00000142%3AIaYKIrstT3JAbPzmr1XzucCOcHE&amp;imp=1363745182217566537&amp;forum_id=356641&amp;forum=professorcloud&amp;thread_id=96804936&amp;major_version=midway&amp;variant=max&amp;zone=promoted_discovery&amp;advertisement_id=38052&amp;body_id=38497" target="_blank" data-role="discovery-thread-title" class="title publisher-anchor-color line-truncate" data-line-truncate="2">                     Jessica Chastain's See-Through Pants: Big Mistake or Sheer …</a>                                                                            <span class="inline-meta">                        AOL                    </span>                                                </h3>                    </header>            </li>    </ul>    </section>    </div></div>    <div style="clear:both"></div>    <div id="thread-votes" class="pull-right"><div class="thread-likes " data-role="vote-button">        <a href="#" data-action="upvote" title="Star this discussion">            <span class="notch"></span>            <span class="icon-star"></span>            <span class="counter"><span data-role="like-count">420</span></span>            <img src="a_data/checkx2.png" class="check-mark" alt="Voted" height="8" width="10">        </a>    </div></div>    <div id="realtime-toggle"></div>    <nav id="global-nav">        <ul class="publisher-anchor-hover">            <li class="active" data-role="global-nav">                <a href="#" id="post-count" data-nav="conversation">    <h4>553 comments</h4></a>            </li>                    </ul>    </nav>    <div id="form"><div class="reply  ">    <div class="alert error" style="display:none" role="alert">        <a class="close" data-action="dismiss-alert" title="Dismiss">×</a>        <span><!-- error goes here --></span>    </div>    <div class="postbox">        <div class="avatar">                        <span class="user">                <img data-role="user-avatar" src="a_data/noavatar92.png">            </span>                    </div>        <form action="">            <div class="textarea-wrapper" data-role="textarea">                <div style="overflow: auto; max-height: 350px;" aria-multiline="true" role="textbox" tabindex="0" class="textarea" contenteditable="true"><span class="placeholder">Leave a message...</span></div>                <div data-role="drag-drop-placeholder" class="media-drag-hover" style="display: none">                    <div class="drag-text">                        ⬇ Drag and drop your images here to upload them.                    </div>                </div>                                <div class="post-actions">                    <ul class="wysiwyg">                                                                    </ul>                                                        </div>            <div></div></div>                            <div class="logged-out auth-section">    <section data-tab="auth-external">        <div class="connect">            <h6>Sign in with</h6>            <ul class="services">                                <li class="auth-twitter">                    <a data-action="auth:twitter" href="#" title="Twitter">Twitter</a>                </li>                <li class="auth-facebook">                    <a data-action="auth:facebook" href="#" title="Facebook">Facebook</a>                </li>                <li class="auth-google">                    <a data-action="auth:google" href="#" title="Google">Google</a>                </li>                <li class="auth-disqus">                    <a data-action="auth:disqus" href="#" title="Disqus">Disqus</a>                </li>            </ul>        </div>            <div class="guest">        <h6>                            or register with Disqus                    </h6>        <p class="input-wrapper">            <input placeholder="Name" name="author-name" maxlength="30" type="text">        </p>        <div class="guest-details " data-role="guest-details">            <p class="input-wrapper">                <input placeholder="Email" name="author-email" type="text">            </p>                            <input name="author-register" checked="checked" style="display:none" type="checkbox">                    </div>    </div>    <div class="proceed">                    <button type="submit" class="btn submit">Next</button>            </div>    </section></div>                    </form>    </div></div></div>    <div id="main-nav" class="nav">        <ul>            <li class="active dropdown">                <a href="#" data-nav="conversation" class="dropdown-toggle publisher-nav-color" data-toggle="dropdown">                Discussion <span class="caret"></span><span class="divider"></span></a>                <ul class="dropdown-menu">                    <li class="selected">                        <a href="#" data-action="sort" data-sort="popular">Best</a>                    </li>                    <li>                        <a href="#" data-action="sort" data-sort="desc">Newest</a>                    </li>                    <li>                        <a href="#" data-action="sort" data-sort="asc">Oldest</a>                    </li>                </ul>            </li>            <li><a href="#" data-nav="community" class="publisher-nav-color" id="community-tab">Community<span class="divider"></span></a></li>            <li><a href="#" data-nav="dashboard" style="display:none" class="publisher-nav-color">My Disqus <span class="notification-count" data-role="notification-count" style="display:none"></span><span class="divider"></span></a></li>            <li class="user-menu dropdown" data-role="logout">    <a href="#" class="dropdown-toggle" data-toggle="dropdown">        <span class="cog"><i aria-hidden="true" class="icon-cog"></i></span><b class="caret"></b>    </a>    <ul class="dropdown-menu">                    <li>                <a href="#" data-action="auth:disqus">Login</a>            </li>                                <li>            <a href="https://www.surveymonkey.com/s/5RBPTTZ?c=http%3A%2F%2Fwww.professorcloud.com%2Fmainsite%2Fcarousel.htm" target="_blank">Send Feedback</a>        </li>                            </ul></li>            <li id="thread-share-menu" class="share-menu dropdown">                <a href="#" class="dropdown-toggle" data-toggle="dropdown">                    Share <span class="caret"> </span>                </a>                <ul class="dropdown-menu pull-right">                    <li class="share">Share this discussion on                        <ul>                            <li class="twitter">                                <a data-action="share:twitter" href="#">Twitter</a>                            </li>                            <li class="facebook">                                <a data-action="share:facebook" href="#">Facebook</a>                            </li>                        </ul>                    </li>                </ul>            </li>        </ul>    </div>    <section id="conversation" data-role="main">        <div id="posts">            <button class="alert realtime" style="display: none" data-action="load-queued-posts" data-role="realtime-notification">                <!-- Show 2 new posts. -->            </button>            <!-- This message appears when there are no comments -->            <div id="no-posts" style="display:none">No one has commented yet.</div>            <ul id="post-list" class="post-list"><li class="post" id="post-531055991">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img src="a_data/avatar.png" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Derk</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-531055991" data-role="relative-time" class="time-ago" title="Thursday, May 17 2012 7:31 AM">10 months ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>There's
 a bug in your code. When moving from the first item in the list to the 
last (wrapping), the altBox and titleBox aren't updated. I've traced 
this to a problem in the rotate function: this.frontIndex %= 
items.length. Javascript doesn't handle negative module number correctly
 so -1 % x == -1 instead of x-1. I've added the following as a quick 
fix:&nbsp;if (this.frontIndex &lt; 0) { this.frontIndex += 
items.length};</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:531055991">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-44" data-role="likes">44</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-3" data-role="dislikes">3</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-531055991">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-188758843">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img src="a_data/avatar_005.png" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Metalfrog</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-188758843" data-role="relative-time" class="time-ago" title="Thursday, April 21 2011 5:17 AM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>If you are having problems with the right button not updating the text when the carousel rotates, try this fix:</p>

<p>ADD:<br>			if(this.frontIndex &lt; 0) {<br>				this.frontIndex = images.length - 1;<br>			}</p>

<p>to the top of the showFrontText function, which is around line 185 in v1.0.5. You should end up with this:</p>

<p>		// Shows the text from the front most item.<br>		this.showFrontText = function()<br>		{	<br>			if(this.frontIndex &lt; 0) {<br>				this.frontIndex = images.length - 1;<br>			}<br>			<br>			if ( items[this.frontIndex] === undefined ) { return; }	// Images might not have loaded yet.<br>			$(options.titleBox).html( $(items[this.frontIndex].image).attr('title'));<br>			$(options.altBox).html( $(items[this.frontIndex].image).attr('alt'));				<br>		};</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:188758843">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-14" data-role="likes">14</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-188758843">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-686553501">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img src="a_data/avatar_002.png" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Hamidjon</span>                                                                    <span><a href="#comment-188758843" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Metalfrog</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-686553501" data-role="relative-time" class="time-ago" title="Thursday, October 18 2012 5:58 PM">5 months ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Thanks Metalfrog )) now, it is working correctly.</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:686553501">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-686553501">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-192174249">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img src="a_data/avatar_003.png" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">HappyCamper</span>                                                                    <span><a href="#comment-188758843" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Metalfrog</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-192174249" data-role="relative-time" class="time-ago" title="Tuesday, April 26 2011 2:18 PM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Thanks Metalfrog, I needed that fix!</p>

<p>...and special thanks to the Professor for creating the plugin!</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:192174249">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-192174249">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li><li class="post" id="post-50952301">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img src="a_data/avatar_004.png" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">David</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-50952301" data-role="relative-time" class="time-ago" title="Tuesday, May 18 2010 4:27 PM">3 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Really nice plugin. Fast and smooth, bookmarked. </p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:50952301">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-10" data-role="likes">10</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-50952301">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-56124983">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img src="a_data/avatar.jpg" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Krzysztof Ciba</span>                                                                    <span><a href="#comment-50952301" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> David</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-56124983" data-role="relative-time" class="time-ago" title="Friday, June 11 2010 1:31 PM">3 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>This is what I was looking for last week. Great!</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:56124983">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-3" data-role="likes">3</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-56124983">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li><li class="post" id="post-236128655">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="44992460">                <img src="a_data/avatar92.jpg" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="44992460">Andrey Kostromin</a></span>                                                                                    <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-236128655" data-role="relative-time" class="time-ago" title="Monday, June 27 2011 3:07 PM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>how I can open only front image in popup (or at new page), other images bring to front?</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:236128655">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-8" data-role="likes">8</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-236128655">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-301121376">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="16344079">                <img src="a_data/avatar_002.jpg" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="16344079">Fanis Prodromou</a></span>                                                                                    <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-301121376" data-role="relative-time" class="time-ago" title="Friday, September 2 2011 10:11 AM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>It does not show the front text on right button click.&nbsp;<br>This is my fix:</p>

<p>this.rotate = function (direction) {	this.frontIndex -= direction;	
this.frontIndex %= items.length;	this.destRotation += (Math.PI / 
items.length) * (2 * direction);	this.showFrontText(direction); //set 
the direction	this.go();};</p>

<p>this.showFrontText = function (direction) {&nbsp; &nbsp; &nbsp; 
&nbsp; //_____ &nbsp;this is the fix &nbsp;_______________	if 
(this.frontIndex &lt; 0 &amp;&amp; direction==1) {		this.frontIndex = 
Math.abs(Math.abs(this.frontIndex) - items.length);	}&nbsp; &nbsp; 
&nbsp; &nbsp; //__________________________________	if 
(items[this.frontIndex] === undefined) { return; } // Images might not 
have loaded yet.	
$(options.titleBox).html($(items[this.frontIndex].image).attr('title'));
	$(options.altBox).html($(items[this.frontIndex].image).attr('alt'));};</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:301121376">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-6" data-role="likes">6</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-301121376">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-302974936">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=6007accd4e73c601aca373213785d3e4" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Adiakaadrian</span>                                                                    <span><a href="#comment-301121376" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Fanis Prodromou</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-302974936" data-role="relative-time" class="time-ago" title="Monday, September 5 2011 12:29 PM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>is there a version online to see the code configured poperly?<br>pls share a link!</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:302974936">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-1" data-role="likes">1</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-302974936">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li><li class="post" id="post-449860196">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=c4352509d147493fb132a5076e3ca0eb" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Samer Sahih</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-449860196" data-role="relative-time" class="time-ago" title="Monday, February 27 2012 7:59 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Hi
 there.. First of all you're a great inspiration to me as a new jquery 
developer I was just so impressed by how ingenious your work is.. I'd 
like to ask some questions regarding this plugin if you'd be kind enough
 to reply:</p>

<p>1) How can I add left and right keyboard clicks in the code, I've tried<br>$(document).keydown(function (event) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (event.keyCode == 37) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.rotate(-1);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return false;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else if (event.keyCode == 39) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(container).rotate(1);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return false;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<br>But none of them work it tells me rotate() is not a function.</p>

<p>2) Can I play with the width and height of the 2 images that show 
next to the middle image ? If I want to make their height and width 
smaller. I've tried playing with the code a little but failed :p lol</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:449860196">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-5" data-role="likes">5</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-449860196">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-134317364">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=a1109d237774510edc861f4c2879b8a6" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Tom</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-134317364" data-role="relative-time" class="time-ago" title="Tuesday, January 25 2011 10:12 AM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>I have a fix for the code I downloaded for this carousel.</p>

<p>On the da vinci version here you will notice that if you refresh the 
page and then click the right hand button the text does not change</p>

<p>Basically you need to get the number of images and then do this  in the showFrontText function</p>

<p>// Shows the text from the front most item.<br>		this.showFrontText = function()<br>		{	<br>			// fix for negative index numbers that stop the text from changing when <br>			// using the arrow to move the carousel right<br>			if (this.frontIndex &lt; 0) {<br>				this.frontIndex = totalimages;<br>			}<br>			<br>			if ( items[this.frontIndex] === undefined ) { return; }	// Images might not have loaded yet.<br>			$(options.titleBox).html($(items[this.frontIndex].image).attr('title') + this.frontIndex);<br>			$(options.altBox).html($(items[this.frontIndex].image).attr('alt') + this.frontIndex);				<br>		};</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:134317364">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-5" data-role="likes">5</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-134317364">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-184178268">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="12048921">                <img data-src="http://mediacdn.disqus.com/uploads/users/1204/8921/avatar92.jpg?1307490898" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="12048921">ScottMcFarlane</a></span>                                                                                        <span><a href="#comment-134317364" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Tom</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-184178268" data-role="relative-time" class="time-ago" title="Wednesday, April 13 2011 11:49 PM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Works perfect!</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:184178268">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-184178268">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-137129285">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=569803a3d792d5033d618d663e947191" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Fds</span>                                                                    <span><a href="#comment-134317364" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Tom</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-137129285" data-role="relative-time" class="time-ago" title="Sunday, January 30 2011 3:00 AM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Yep, that works, thanks a lot : ) </p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:137129285">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-137129285">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li><li class="post" id="post-369254144">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=a8f86d1abbb7f1fdff8ff72f23f8d483" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">timwebdev</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-369254144" data-role="relative-time" class="time-ago" title="Monday, November 21 2011 6:09 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Hi, first of all thanks very much for this plugin, it works great!</p>

<p>I think it is very useful to add a simple public action 
$(elemnt...).CloudCarousel('right') 
and&nbsp;$(elemnt...).CloudCarousel('left') so it is possible to control
 the carousel on keypress (arrow key left/right)</p>

<p></p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:369254144">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-4" data-role="likes">4</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-369254144">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-323671622">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=24b47c91d48bea351be76319f2d5e847" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">mark</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-323671622" data-role="relative-time" class="time-ago" title="Friday, September 30 2011 6:59 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Hi, and thanks for this very useful script.<br>Is
 there any way to have in jQuery the id of the "front" element (the 
"selected" one) and/or the ids of all the others "background" elements. I
 basically would like to apply an effect to the elements that are in 
background, like a blur or fade, leaving just the one in front clean. I 
know how to apply it but I still lack the ID or class of the elements to
 apply to.thanks in advance,</p>

<p>Mark&nbsp;</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:323671622">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-4" data-role="likes">4</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-323671622">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-329763766">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=e3a438b02f607d6b882c01f3b8d1400a" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Gregory Hanes</span>                                                                    <span><a href="#comment-323671622" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> mark</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-329763766" data-role="relative-time" class="time-ago" title="Saturday, October 8 2011 1:08 PM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>&nbsp;I
 was able to assign an&nbsp;opacity to all but the Active Image. I would
 like it to do a&nbsp;variable&nbsp;opacity but that needs to be done 
in&nbsp;JavaScript&nbsp;which I am not&nbsp;proficient.<br>img.cloudcarousel&nbsp;&nbsp;{opacity:0.4;filter:alpha(opacity=10);
 /* For IE8 and earlier */}img.cloudcarousel.active {opacity:1 
!important;filter:alpha(opacity=100); /* For IE8 and earlier */border: 
1px solid #fff;} </p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:329763766">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-329763766">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-355404246">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=34e3ab8cf444ec560f39ffa5cabd6897" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Gand</span>                                                                    <span><a href="#comment-329763766" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Gregory Hanes</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-355404246" data-role="relative-time" class="time-ago" title="Friday, November 4 2011 3:13 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>weqweqw qeqwe weq e</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:355404246">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-355404246">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li></ul></li><li class="post" id="post-232271102">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=953cadac38448116070f0d86bc0122ec" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">ndcisiv</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-232271102" data-role="relative-time" class="time-ago" title="Wednesday, June 22 2011 5:28 PM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>How can I make the title and alt information change when using the buttons instead of only when an image is hovered over?&nbsp; </p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:232271102">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-4" data-role="likes">4</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-232271102">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-231036477">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=08aaf2545d9d1b4af6a49ba75b3ba6d0" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Manuel</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-231036477" data-role="relative-time" class="time-ago" title="Tuesday, June 21 2011 10:07 AM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Is there any way to make the front item bigger?</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:231036477">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-4" data-role="likes">4</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-231036477">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-259160801">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Sagan Marketing</span>                                                                    <span><a href="#comment-231036477" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Manuel</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-259160801" data-role="relative-time" class="time-ago" title="Wednesday, July 20 2011 5:28 PM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>You can achieve this by making the items smaller with&nbsp;minScale</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:259160801">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-259160801">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li><li class="post" id="post-542741453">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="21746407">                <img data-src="http://mediacdn.disqus.com/uploads/users/2174/6407/avatar92.jpg?1338435648" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="21746407">wunderdojo</a></span>                                                                                    <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-542741453" data-role="relative-time" class="time-ago" title="Wednesday, May 30 2012 11:40 PM">10 months ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>If
 you're looking for a way to have IE not show the images first in a row 
and then redraw them correctly, here's the fix -- it was driving me nuts
 on one site.</p>

<p>Set the style of the div you're wrapping your carousel in to display:none. That will hide it initially.</p>

<p>Open up cloud-carousel.1.0.5.js and make the following edits:</p>

<p>At line 265:<br>var	img = item.image;	/* wunderdojo edit -- add this 
next line */if (isMSIE){ item.orgWidth = img.naturalWidth;}w = img.width
 = item.orgWidth * scale;						/* wunderdojo edit -- add this next line 
*/&nbsp;if (isMSIE){ item.orgHeight = img.naturalHeight;}</p>

<p>And at line 330 at the end of the this.checkImagesLoaded function add
 one more line to it -- right after the line that reads: 
this.updateAll();</p>

<p>/* wunderdojo edit -- add this next line */&nbsp;&nbsp;<br>this.container.style.display='block';</p>

<p>What that does is hide the block initially. Then, when all the images
 are loaded, it shows the block. IE sees the height and width of the 
images as 0 when they're hidden so the first lines use its naturalWidth 
and naturalHeight properties to find out how big the images are.</p>

<p>Now your carousel simply opens ready for business!</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:542741453">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-6" data-role="likes">6</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-1" data-role="dislikes">1</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-542741453">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-418219401">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="14439544">                <img data-src="http://mediacdn.disqus.com/uploads/users/1443/9544/avatar92.jpg?1337074845" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="14439544">Daniel K.</a></span>                                                                                    <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-418219401" data-role="relative-time" class="time-ago" title="Sunday, January 22 2012 3:15 PM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>it's great but anyway not working with jquery &gt;1.7<br>thanks a lot for this awesome script : )</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:418219401">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-3" data-role="likes">3</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-418219401">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-426325859">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="21052248">                <img data-src="http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="21052248">Adrian van Vliet</a></span>                                                                                        <span><a href="#comment-418219401" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Daniel K.</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-426325859" data-role="relative-time" class="time-ago" title="Wednesday, February 1 2012 9:13 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>I'm running it on jQuery 1.7 just fine...</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:426325859">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-3" data-role="likes">3</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-426325859">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-453329327">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=2388e326072d8ed0c5e8d2248cd8c998" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Newbie</span>                                                                    <span><a href="#comment-426325859" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Adrian van Vliet</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-453329327" data-role="relative-time" class="time-ago" title="Thursday, March 1 2012 7:46 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>&nbsp;Hello Adrian,<br>how have you fixed it.<br>Can you post the changes?<br>Thank you</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:453329327">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-453329327">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-437016946">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="14439544">                <img data-src="http://mediacdn.disqus.com/uploads/users/1443/9544/avatar92.jpg?1337074845" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="14439544">Daniel K.</a></span>                                                                                        <span><a href="#comment-426325859" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Adrian van Vliet</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-437016946" data-role="relative-time" class="time-ago" title="Sunday, February 12 2012 4:30 PM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Thanks
 Adrian, you were absolutely right, the jquery mousewheel script was 
outdated, that's why I could not scroll through the images.<br>I found the new version 3.0.6 at&nbsp;<br>Brandon Aaron's&nbsp;<br>website.</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:437016946">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-437016946">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li></ul></li><li class="post" id="post-259100211">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=d39c3d79bd8cb1ec84b12afbcf822144" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Christian Questions</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-259100211" data-role="relative-time" class="time-ago" title="Wednesday, July 20 2011 4:29 PM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div style="height: 374px;" class="post-message-container post-message-collapse" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>So
 after digging around the code I finally figured out how to turn this 
into a vertical carousel. In case anyone ever attempts to do this on 
their own site here's what I got: At about line 260 of the non-minified 
version, you have two lines like this:</p>

<p>&nbsp; &nbsp; x = this.xCentre + (( (funcCos(radians) * this.xRadius) - (item.orgWidth*0.5)) * scale);<br>&nbsp; &nbsp; y = this.yCentre + (( (sinVal * this.yRadius) &nbsp;) * scale);</p>

<p>Just Change them to:</p>

<p>&nbsp; &nbsp; y = this.yCentre + (( (funcCos(radians) * this.yRadius) - (item.orgWidth*0.5)) * scale);<br>&nbsp; &nbsp; x = this.xCentre + (( (sinVal * this.xRadius) &nbsp;) * scale);</p>

<p>Notice how the x and y have been switched (3x)</p>

<p>You'll need to mess around with the initialization stuff especially the xPos and xRadius, here were my end results:</p>

<p>&nbsp; &nbsp; $("#bookscroll").CloudCarousel({			<br>&nbsp; &nbsp; &nbsp; &nbsp; xPos: 11,<br>&nbsp; &nbsp; &nbsp; &nbsp; yPos: 170,<br>&nbsp; &nbsp; &nbsp; &nbsp; xRadius: 16,<br>&nbsp; &nbsp; &nbsp; &nbsp; yRadius: 170,<br>&nbsp; &nbsp; &nbsp; &nbsp; buttonLeft: $("#book-down"),<br>&nbsp; &nbsp; &nbsp; &nbsp; buttonRight: $("#book-up"),<br>&nbsp; &nbsp; &nbsp; &nbsp; altBox: $("#book-alt"),<br>&nbsp; &nbsp; &nbsp; &nbsp; titleBox: $("#book-title"),<br>&nbsp; &nbsp; &nbsp; &nbsp; mouseWheel: true,<br>&nbsp; &nbsp; &nbsp; &nbsp; bringToFront: true,<br>&nbsp; &nbsp; &nbsp; &nbsp; autoRotate: 'left',<br>&nbsp; &nbsp; &nbsp; &nbsp; speed: 0.02,<br>&nbsp; &nbsp; &nbsp; &nbsp; autoRotateDelay: 4000<br>&nbsp; &nbsp; });</p>

<p>Hope this helps someone, you can see it in action (and even more highly customized) at <a href="http://www.inspiritandintruth.com/" rel="nofollow">http://www.inspiritandintruth....</a></p>                                            </div>                                    </div>            </div>            <div class="message-shadow" data-role="message-shadow"></div>            <a href="#" class="more-button" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:259100211">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-3" data-role="likes">3</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-259100211">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-294124550">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=ef061bb59f09ce425fc9ee9097eefaf8" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Xzl52199</span>                                                                    <span><a href="#comment-259100211" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Christian Questions</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-294124550" data-role="relative-time" class="time-ago" title="Tuesday, August 23 2011 9:08 PM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>How to download </p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:294124550">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-294124550">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li><li class="post" id="post-239531763">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="31832267">                <img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=cf51e910a7300499cdf72d6c4441d8f4" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="31832267">adjohu</a></span>                                                                                    <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-239531763" data-role="relative-time" class="time-ago" title="Friday, July 1 2011 4:15 AM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Hi,</p>

<p>I had an issue where the carousel would rotate like mad if the window
 was out of focus for a while. (such as being in a background tab for a 
while and changing back to the tab with the carousel in).</p>

<p>I've patched the code by adding this at the very start of the script (below the (function($){ )</p>

<p>// Hold whether window is active	$(function(){		window.isActive = 
true;		$(window).focus(function() { this.isActive = true; });		
$(window).blur(function() { this.isActive = false; });	});</p>

<p>This stores a window.isActive boolean that allows us to check if the window is in focus.</p>

<p>Then in the 'this.rotate' function add these lines before any code:</p>

<p>// Do not do rotate if window isn't focused.	if(!window.isActive){	&nbsp; &nbsp;&nbsp;return;	}</p>

<p>Hope this helps someone.</p>

<p>Adam<br></p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:239531763">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-3" data-role="likes">3</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-239531763">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-297436733">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=a61cf31a88dfb48a48e7a3090ef1bb9d" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Brad</span>                                                                    <span><a href="#comment-239531763" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> adjohu</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-297436733" data-role="relative-time" class="time-ago" title="Sunday, August 28 2011 8:52 PM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Hi Adam,</p>

<p>Thanks for the patch, though there is one problem. Implementing this 
patch prevents the carousel from working in IE 6, 7 &amp; 8. As I am not
 very proficient in jQuery, I was wondering if anyone can fix this?</p>

<p>Cheers,<br>Brad</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:297436733">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-297436733">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-368555587">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=c528258f7820505c494dcfc5ae39fb93" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Steven</span>                                                                    <span><a href="#comment-297436733" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Brad</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-368555587" data-role="relative-time" class="time-ago" title="Saturday, November 19 2011 9:19 PM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Brad
 is correct, the page needs to be reloaded in IE after you take focus 
away from the window and return to it. A "Reset" button could probably 
be added by calling a function to reload the browser:</p>

<p>window.location.reload();</p>

<p>It would be good if someone with more JavaScript experience could 
look into this, and it will deplete system resources when a page is left
 open but not in focus.</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:368555587">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-368555587">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li></ul></li><li class="post" id="post-210674296">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="1028093">                <img data-src="http://mediacdn.disqus.com/uploads/users/102/8093/avatar92.jpg?1360065386" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="1028093">Anyul Rivas</a></span>                                                                                    <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-210674296" data-role="relative-time" class="time-ago" title="Tuesday, May 24 2011 10:38 AM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>this is pretty cool!</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:210674296">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-3" data-role="likes">3</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-210674296">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-163416505">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=1da98232492419bb01f404076877fb82" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">WiZ</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-163416505" data-role="relative-time" class="time-ago" title="Thursday, March 10 2011 6:25 AM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Hi,<br>Realy love the carousel, great work! Is there any way to hide the images as they load up? </p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:163416505">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-3" data-role="likes">3</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-163416505">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-57276758">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=0949db33085c0d8fb51b97fdb396f1a4" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">wim</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-57276758" data-role="relative-time" class="time-ago" title="Thursday, June 17 2010 3:03 PM">3 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Thank you for this great script! It works great on an iPhone too! <br>Q:
 Is there a possibility to make the images that are positioned to the 
back to fade a little bit to put the visual attantion on the front most 
image?<br></p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:57276758">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-3" data-role="likes">3</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-57276758">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-446254569">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="22731407">                <img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=36bbf0ca645baa2f5d710dd72e9462cc" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="22731407">Alan Chapman</a></span>                                                                                    <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-446254569" data-role="relative-time" class="time-ago" title="Wednesday, February 22 2012 4:11 PM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Hi.
 After looking at many carousel plugins, I've found this to be by far 
the best one out there, so thank you for taking the time to create this 
and make it publicly available.</p>

<p>I do have 2 questions however:<br>1) Is it possible to edit the 
script so that the image at the front gets a little larger, just to 
emphasise that this is the current one? (think of regular flat 
carousels, or like iTunes Cover Flow), but not just by lowering the 
minScale value.</p>

<p>2) Is it possible to have links on the images in the carousel, and 
have those links only working when the image is in the front position 
(i.e frontIndex).<br>This would mean users would click to bring an image
 to the front (using bringToFront:true), and then click the front one 
again to go off to a new page if they wanted to.</p>

<p>I have spent a good deal of time looking though the code to see if I 
could implement these changes myself, however my jquery knowledge just 
isn't good enough.</p>

<p>Many Thanks.</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:446254569">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-5" data-role="likes">5</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-1" data-role="dislikes">1</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-446254569">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-553574004">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=959e074920bd3e23c5fc85728ee2e24a" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Johan</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-553574004" data-role="relative-time" class="time-ago" title="Saturday, June 9 2012 11:20 PM">9 months ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Load
 this page in the latest version of Google Chrome (version 19) and look 
at the first carousel: no reflections! A bug in Chrome or in the 
carousel script?</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:553574004">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-2" data-role="likes">2</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-553574004">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-523363790">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=4cf9ff7abdca29a84094326b64b9e077" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">eddy</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-523363790" data-role="relative-time" class="time-ago" title="Tuesday, May 8 2012 6:33 PM">11 months ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>is there any way to keep it moving in a constant motion? i need to keep it moving non-stop at a fixed speed </p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:523363790">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-2" data-role="likes">2</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-523363790">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-502505210">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=4cff4c7ef0e2a5d0ba1087ccf64583db" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Jason</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-502505210" data-role="relative-time" class="time-ago" title="Thursday, April 19 2012 12:41 PM">11 months ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Anyone know how to give an active or hover class to the image at the front? </p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:502505210">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-2" data-role="likes">2</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-502505210">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-501750963">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="25042161">                <img data-src="http://mediacdn.disqus.com/uploads/users/2504/2161/avatar92.jpg?1360118227" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="25042161">wunderdojo</a></span>                                                                                    <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-501750963" data-role="relative-time" class="time-ago" title="Thursday, April 19 2012 2:04 AM">11 months ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div style="height: 374px;" class="post-message-container post-message-collapse" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>To
 fix the issue where clicking on the right button fails to display the 
proper title and alt information you can simply add in a new variable, 
this.frontText. When you first load a carousel this.frontIndex = 0. When
 you click on the left button it increments by 1, so this.frontIndex is 
now 1. Click it again and this.frontIndex = 2. Clicking the right button
 decrements this.frontIndex by 1.&nbsp;<br>The problem arises when 
you're at position 0 and click the right button. this.frontIndex is 
decremented by 1 and now = -1. Click it again, this.frontIndex = -2. 
Assume you have 5 images total. When you're at the initial position, the
 first image, Image 0, is displayed in front. Image 1 is to the left of 
it and Image 4 (the last image) is to the right. So when you click the 
right button this.frontIndex = -1 and using Math.abs as suggested below 
will give you 1 when what you need is 4.<br>My solution is to add in the following:</p>

<p>Current Line 101:<br>this.frontIndex = 0;	// Index of the item at the frontAdd this line after:this.frontText = 0;</p>

<p>Change the showFrontText function to use our new variable, 
this.frontText, like so (the Cufon.refresh() line is b/c I'm using Cufon
 on the content. Take it out if you're not using Cufon):</p>

<p>	// Shows the text from the front most item.		this.showFrontText = 
function()		{				if ( items[this.frontText] === undefined ) { return; }	
// Images might not have loaded yet.			$(options.titleBox).html( 
$(items[this.frontText].image).attr('title'));			$(options.altBox).html(
 $(items[this.frontText].image).attr('alt'));			Cufon.refresh();					};</p>

<p>And finally, add one line to the this.rotate function, as follows:<br>//
 Starts the rotation of the carousel. Direction is the number (+-) of 
carousel items to rotate by.		this.rotate = function(direction)		{				
this.frontIndex -= direction;			this.frontText = (this.frontIndex &lt; 0
 )? (items.length) - Math.abs(this.frontIndex) : this.frontIndex;</p>

<p>Now you have this.frontIndex which is keeping track of the carousel 
position and this.frontText which is keeping track of the correct image #
 being displayed.</p>                                            </div>                                    </div>            </div>            <div class="message-shadow" data-role="message-shadow"></div>            <a href="#" class="more-button" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:501750963">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-2" data-role="likes">2</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-501750963">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-409639272">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="21052248">                <img data-src="http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="21052248">Adrian van Vliet</a></span>                                                                                    <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-409639272" data-role="relative-time" class="time-ago" title="Friday, January 13 2012 4:31 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Very
 important question, which seems to be a serious/weird bug in this 
carousel's mechanics. The demo has this same issue: when you hit the 
RIGHT BUTTON, frontIndex is not changed and thus the alt and title texts
 remain the same. Now refresh your page and click the LEFT BUTTON a few 
times. frontIndex IS changed every time.&nbsp;<br>And to make it even 
weirder, if you click the RIGHT BUTTON now, it suddenly ALSO changes the
 frontIndex, *but only up to the first image*.  ...I KNOW!?I'm really 
hoping that someone can help me figure this one out... Client wants to 
see this fixed asap :x Damn. </p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:409639272">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-2" data-role="likes">2</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-409639272">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-412858039">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="21254204">                <img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=6eb5a832a43636cb9794d6895f90d5bc" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="21254204">tired pixel</a></span>                                                                                        <span><a href="#comment-409639272" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Adrian van Vliet</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-412858039" data-role="relative-time" class="time-ago" title="Monday, January 16 2012 4:08 PM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>I encountered this issue, also finding that the title and alt texts were not updated with autoRotate.</p>

<p>The issue seems to be one of using negative indexes. Under certain circumstances (haven't investigated this in any depth), the</p>

<p>&nbsp; &nbsp; this.frontIndex %= items.length</p>

<p>line around line #210 (v1.0.5, within this.rotate = 
function(direction) {}) causes the index to become negative, which then 
fails. Simply checking to see if it is negative, and adding items.length
 if so, fixes this. So, right after the above line:</p>

<p>&nbsp; &nbsp;&nbsp;if (this.frontIndex &lt; 0) {<br>&nbsp; &nbsp; &nbsp; &nbsp; this.frontIndex += items.length;<br>&nbsp; &nbsp; }</p>

<p>Many thanks, Professor Cloud, for an excellent plugin! I'd like to 
add my vote to it being published on github; I could easily have made 
this fix for you, had it been already available! :)</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:412858039">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-1" data-role="likes">1</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-412858039">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-413281582">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="21052248">                <img data-src="http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="21052248">Adrian van Vliet</a></span>                                                                                        <span><a href="#comment-412858039" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> tired pixel</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-413281582" data-role="relative-time" class="time-ago" title="Tuesday, January 17 2012 6:29 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>I fixed the problem using Kuiyu CHANG's solution, which works a little more elegant: <a href="http://www.professorcloud.com/mainsite/carousel.htm#comment-300370848" rel="nofollow">http://www.professorcloud.com/...</a></p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:413281582">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-413281582">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li><li class="post" id="post-410090896">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="2955290">                <img data-src="http://mediacdn.disqus.com/uploads/users/295/5290/avatar92.jpg?1274156983" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="2955290">Professor Cloud</a></span>                                            <span class="badge moderator">Mod</span>                                                                                        <span><a href="#comment-409639272" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Adrian van Vliet</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-410090896" data-role="relative-time" class="time-ago" title="Friday, January 13 2012 3:44 PM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>This is a known bug. Others have posted fixes.</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:410090896">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-410090896">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-412514910">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="21052248">                <img data-src="http://mediacdn.disqus.com/uploads/users/2105/2248/avatar92.jpg?1351888538" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="21052248">Adrian van Vliet</a></span>                                                                                        <span><a href="#comment-410090896" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Professor Cloud</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-412514910" data-role="relative-time" class="time-ago" title="Monday, January 16 2012 7:12 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Thanks
 so much for pointing that out, Raff. A quick suggestion might be to 
upload this baby to GitHub. Have you ever considered this? There seem to
 be quite a few upgrades made by users that might as well be integrated,
 and a lot of ideas/requests made by others. GitHub would enable the 
crowd to keep developing this plugin, as it seems that you no longer do 
so? Which is totally fine of course. Just an idea (:</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:412514910">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-412514910">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-412584911">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="2955290">                <img data-src="http://mediacdn.disqus.com/uploads/users/295/5290/avatar92.jpg?1274156983" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="2955290">Professor Cloud</a></span>                                            <span class="badge moderator">Mod</span>                                                                                        <span><a href="#comment-412514910" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Adrian van Vliet</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-412584911" data-role="relative-time" class="time-ago" title="Monday, January 16 2012 9:28 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Point taken Adrian - I'm just swamped with stuff at the moment.</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:412584911">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-412584911">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li></ul></li></ul></li><li class="post" id="post-399409211">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="20602329">                <img data-src="http://mediacdn.disqus.com/uploads/users/2060/2329/avatar92.jpg?1351076591" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="20602329">Βάιος Αναστασιάδης</a></span>                                                                                    <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-399409211" data-role="relative-time" class="time-ago" title="Tuesday, January 3 2012 2:41 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Thank you very much David. Awesome man...</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:399409211">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-2" data-role="likes">2</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-399409211">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-363919704">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=b322b4b44da13a84b962cb7fb2ce9a56" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">melocotron</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-363919704" data-role="relative-time" class="time-ago" title="Tuesday, November 15 2011 2:48 PM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>I
 have a problem.&nbsp; In the integration on IE8,&nbsp;&nbsp; the images
 presents a blue border.&nbsp; And I don't know how eliminate 
it.&nbsp;&nbsp; The images are a png's with transparency.</p>

<p>Any idea ?<br></p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:363919704">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-2" data-role="likes">2</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-363919704">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-380160583">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=e4c6ead9cbeea34b962c39aff96027c8" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Fdsfad</span>                                                                    <span><a href="#comment-363919704" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> melocotron</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-380160583" data-role="relative-time" class="time-ago" title="Tuesday, December 6 2011 3:40 AM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>a img{<br>&nbsp;&nbsp;&nbsp;&nbsp; background:transparent;<br>}</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:380160583">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-380160583">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li><li class="post" id="post-328343880">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar">            <div class="user"><img data-src="http://www.gravatar.com/avatar.php?default=http%3A%2F%2Fmediacdn.disqus.com%2F1363738576%2Fimages%2Fnoavatar92.png&amp;size=92&amp;gravatar_id=f00d4a49fd4ae9a2e879abf9e5686fcb" class="user" alt="Avatar"></div>        </div>                <div class="post-body">            <header>                                    <span class="name">Gray1948</span>                                                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-328343880" data-role="relative-time" class="time-ago" title="Thursday, October 6 2011 6:11 PM">a year ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Wow found the problem now works great. Great App<br>Heres my fix<br>&lt;script defer="" language="JavaScript1.5" src="js/cloud-carousel.1.0.5.js" type="text/javascript"&gt;&lt;/script&gt;</p>

<p>Runnig windows 7 64 bit<br>dreamweaver CS5<br>(have add the extra to all the scripts being loaded under edit tag scripts shift+F5)<br></p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:328343880">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-2" data-role="likes">2</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-328343880">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li><li class="post" id="post-313370304">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="766046">                <img data-src="http://mediacdn.disqus.com/uploads/users/76/6046/avatar92.jpg?1290531095" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="766046">Vincent</a></span>                                                                                    <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-313370304" data-role="relative-time" class="time-ago" title="Friday, September 16 2011 3:38 PM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Can this be made into a plugin for WordPress?</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:313370304">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-2" data-role="likes">2</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-313370304">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"><li class="post" id="post-313417345">    <div data-role="post-content" class="post-content ">        <div class="indicator"></div>                        <div class="avatar hovercard">            <a href="#" class="user" data-action="profile" data-user="2955290">                <img data-src="http://mediacdn.disqus.com/uploads/users/295/5290/avatar92.jpg?1274156983" alt="Avatar">            </a>        </div>                <div class="post-body">            <header>                                    <span class="publisher-anchor-color"><a href="#" data-action="profile" data-user="2955290">Professor Cloud</a></span>                                            <span class="badge moderator">Mod</span>                                                                                        <span><a href="#comment-313370304" class="parent-link" data-role="parent-link"><i aria-hidden="true" class="icon-forward" title="in reply to"></i> Vincent</a></span>                                <span class="bullet" aria-hidden="true">•</span>                                    <a href="#comment-313417345" data-role="relative-time" class="time-ago" title="Friday, September 16 2011 4:30 PM">2 years ago</a>                                <ul class="post-menu">                    <li class="collapse"><a href="#" data-action="collapse" title="Collapse">−</a></li>                    <li class="expand" style="display:none"><a href="#" data-action="collapse" title="Expand">+</a></li>                    <li class="dropdown" data-role="menu" role="menu">                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b class="caret"></b></a>    <ul class="dropdown-menu invisible">                                <li><a href="#" data-action="flag">Flag as inappropriate</a></li>            </ul>                        </li>                </ul>            </header>            <!-- Use message-container to manage visible height of the post message (including media) -->            <div class="post-message-container" data-role="message-container">                <!-- Use message-content to measure post content (including media) -->                <div data-role="message-content">                    <div class="post-message publisher-anchor-color " data-role="message">                                                    <p>Not as standard, perhaps someone else has managed this?</p>                                            </div>                                    </div>            </div>            <div class="message-shadow hidden" data-role="message-shadow"></div>            <a href="#" class="more-button hidden" title="see more" data-action="post-expand">see more</a>            <footer>                        <menu>        <li class="realtime" data-role="realtime-notification:313417345">            <span style="display:none;" class="realtime-replies"></span>            <a style="display:none;" href="#" class="btn small" data-action="load-queued-posts"></a>             <!-- Realtime notification about new replies -->        </li>        <li class="voting" data-role="voting">                <a href="#" class="vote-up " data-action="upvote" title="Vote up">        <span class="updatable count count-0" data-role="likes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow-2"></i></span>    </a>    <a class="vote-down " title="Vote down">        <span class="updatable count count-0" data-role="dislikes">0</span>        <span class="control"><i aria-hidden="true" class="icon-arrow"></i></span>        <span class="tooltip">You must sign in to down-vote this post.</span>    </a>        </li>        <li class="bullet" aria-hidden="true">•</li>                        <li class="reply"><a href="#" data-action="reply">Reply</a></li>        <li class="bullet" aria-hidden="true">•</li>                <li class="share">            <a class="toggle">Share ›</a>            <ul>                <li class="twitter"><a href="#" data-action="share:twitter">Twitter</a></li>                <li class="facebook"><a href="#" data-action="share:facebook">Facebook</a></li>                <li class="link"><a href="#comment-313417345">Link</a></li>            </ul>        </li>    </menu>                </footer>        </div>                <div data-role="blacklist-form"></div>    </div>    <!-- Child comments are appended here -->    <ul data-role="children" class="children"></ul></li></ul></li></ul>            <div class="load-more" data-role="more" style="">                <a href="#" data-action="more-posts" class="btn">Load more comments</a>            </div>        </div>                        <div id="reactions" style="display:none;padding-top:0;">        <div id="reaction-count"><h4>Reactions</h4></div>        <ul id="reaction-list" class="post-list loading">        </ul>        <div class="load-more" data-role="more" style="display:none">            <a href="#" data-action="more-reactions" class="btn">Load more reactions</a>        </div>    </div>                </section>    <section id="community" style="display:none" data-role="main"><div>    <div class="primary">        <h3>Top Discussions on     <strong>Professor Cloud</strong></h3>        <div data-role="top-threads"><ol class="loading" id="top-threads"></ol></div>    </div>    <div class="secondary">        <h3>Top Commenters</h3>        <div data-role="top-users"><ol class="loading" id="top-users"></ol></div>    </div></div></section>    <section id="dashboard" style="display:none" data-role="main">        <!-- Dashboard goes here -->        <!-- Default message if there are no notifications or activity to show -->        <p style="line-height: 1.4">Nothing
 for you here ... yet. But as you comment with Disqus and follow        
other Disqus users, you will start to receive notifications here, as 
well as a personalized        feed of activity by you and the people you
 follow. So get out there and participate in        some discussions!</p>    </section>    <section id="profile" style="display:none" data-role="main">    </section>        <div id="discovery"></div>    <div id="footer">        <ul>            <li class="logo"><a href="http://disqus.com/" title="Powered by Disqus">Powered by Disqus</a></li>            <li class="rss"><a href="http://professorcloud.disqus.com/professor_cloud/latest.rss"><i aria-hidden="true" class="icon-feed" title="in reply to"></i><span class="clip">Comment feed</span></a></li>            <li id="thread-subscribe-button" class="email"> <!-- Three options: nothing, show-form, subscribed -->                <div class="default">                    <a href="#" data-action="subscribe"><i aria-hidden="true" class="icon-mail" title="Get email updates"></i><span class="clip">Subscribe via email</span> <i aria-hidden="true" class="icon-checkmark" title="Subscribe via email"></i></a>                </div>                <div class="form">                    <div class="input-wrapper"><input id="thread-subscribe-email" placeholder="yourname@email.com" type="text"></div>                </div>            </li>        </ul>    </div></div></body></html>