Looking for a jQuery Carousel plug-in with in place AJAX refresh -

-

I'm looking for plug-ins similar to what you see on Amazon's homepage. Scroll down and see how Carousel actually works. Note that when you click Right or Left, you get an AJA refresh (not a full slide of the pictures which plugs the most carousel).

So I'm looking for a jQuery based plugin to do this. I have seen many jQuery carousel plug-ins but they all slide effects. Not like what I'm looking for I want to replace Amazon with AJAX refresh action.

So hopefully I have been seen here in a carousel plug-in to save some time searching, who does this? When you click Right or Left, it makes an AJAX call and in this way intermediate processing can show Animated GIFs?

I could not find anything, but writing something should not be very difficult.

Use PHP, Perl, Python, .NET, etc. and create a server side script which is a JSON object Since you have only asked for help with jQuery, I think that you have your own How to write server scripts. The following is one of the ways you can do this using jQuery.

Return a JSON object like this ... 

  {"item": [{"img": "http: //www.png", "url" : "Http: //www.html", "name": "item a"}, {"img": "http: //www.png", "url": "http: //www.html", "Name": "item b"}, {"img": "http: //www.png", "url": "http: //www.html", "name": "item c"}], "Archive_ID": 100}

Write some javascript to request and present results in this way ... 

  Function on GotData {data} { JQuery ('# itemA .item_name'). Text (data .ts [0] .name); JQuery ('# itemA .item_image'). Et ('src', data. Atoms [0] .img); JQuery ('# Item A'). Click (function () {document.location = data.items [0] .url}); JQuery ('# itemB .item_name'). Text (data. Items [1] .name); JQuery ('# itemB .item_image'). Etter ('src', data. Items [1] .img); JQuery ('# Item B'). Click (function () {document.location = data.items [1] .url}); JQuery ('# itemC .item_name'). Text (data .ts [2] .name); JQuery ('# itemC .item_image'). ARR ('src', data.it [2] .img); JQuery ('# ItemC'). Click (function () {document.location = data.items [2] .url}); Collection_id = data collection_id; } Collection_id = 100; Functions getData (Direction, Id) {// Animation jQuery ('# itemA .item_image') to change the images to load. Attr ('src', 'loading.gif'); JQuery ('# itemB .item_image'). Attr ('src', 'loading.gif'); JQuery ('# itemC .item_image'). Attr ('src', 'loading.gif'); JQuery.getJSON ('http://path.to/yourscript?collection=' + direction + 'and id =' + id, blank, on-goadata); }

Something like this assume that you have so many things. 

  & lt; Span class = "item" id = "itemA" & gt; & Lt; Span class = "item_name" & gt; Name & lt; / Span & gt; & Lt; Img class = "item_image" src = "loading.gif" & gt; & Lt; / Span & gt; & Lt; / Span & gt;

Then toss some buttons on the end. 

  & lt; Div id = "goLeft" & gt; & Lt; Img src = "left.gif" & gt; & Lt; / Div & gt; & Lt; Div id = "goRight" & gt; & Lt; Img src = "right.gif" & gt; & Lt; / Div & gt;

Then clickable button ... 

  jQuery ('# goLeft'). Click (function () {getData ('left', collection_id);}); JQuery ('#right'). Click (getData ('left', collection_id);});

that takes about 10 minutes, but you hope to be able to fill the vacancies and that You also are looking for. #jQuery irc.freenode.net will be able to help you further after you start working on your live page. They are usually very useful if you are willing to work with them. / P>


Comments

Post a Comment

Popular posts from this blog

c++ - Linux and clipboard -

-
After selecting the copies of the buffer in Linux, after the text, we can click and paste the button between the mouse. I think there is a special buffer for this, I want to use it. Programming Language: C ++ Your Library: Qt Thanks. There is just one more correct answer than Paul Dixon, which answers your needs: / P > QClipboard * clipboard = QApplication :: clipboard (); CastString Selected Text = Clipboard-> Text (QClipboard :: Selection);
Read more

What is expire header and how to achive them in ASP.NET and PHP? -

-
I have examined the performance statistics of my website today. I have received a warning (or error may occur) that is given below Add Terminal Headers Here are 15 static components without a 15-futures end date * (no end) Http://www.example.com/video/css/global.css * (no time limit) http://www.example.com/video/js/global.js * (no expiration ) Http: //www.example.com/video/images/main-bg.png what it means and how to achieve it both in PHP and ASP.Net. I am on a shared hosting server, so please tell me some ways to use the code, because I can not make any modifications at the end of the server. If I expire the header, then there is no chance that if I make changes to the CSS, then the user will not be able to remove them immediately because CSS and other files have a fixed time limit (1 month, week ) Are cached for. Is Is there any harm to using PHP? $ time = time () + 3 * 24 * 60 * 60; // 3 day headings ('End:'. GMDAT ('D, D MYH: i: s \ g \ m \ t',
Read more

sql server - How can I determine which of my SQL 2005 statistics are unused? -

-
After a few years, one of my biggest databases has deposited 73 figures out of its largest tables. With Indexes, I can run many types of reports and queries, how often / heavily specific indexes are used. What is an equivalent for data? We are running SQL 2005. To make statistics automatically managed and honest, I would like to "update statistics", "create statistics" and There is no information about any management except "drop statistics" orders. In theory, UPDATE should handle the addition and removal of statistical data. In addition, I've never heard about the amount of storage or storage taking in large amounts, so I'm not sure whether there is any reason for the alarm or not. If you are seeing a potential problem, then I would suggest running an update before, if it does not clean it, it is leaving and then it appears to be safe operation (because it is the only query optimizer Is for). I will not leave "left" in the
Read more