jquery.slideviewer.1.1.js 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. jQuery(function(){
  2. jQuery("div.svw").prepend("<img src='spinner.gif' class='ldrgif' alt='loading...'/ >");
  3. });
  4. var j = 0;
  5. var quantofamo = 0;
  6. jQuery.fn.slideView = function(settings) {
  7. settings = jQuery.extend({
  8. easeFunc: "easeInOutExpo",
  9. easeTime: 750,
  10. toolTip: false
  11. }, settings);
  12. return this.each(function(){
  13. var container = jQuery(this);
  14. container.find("img.ldrgif").remove(); // removes the preloader gif
  15. container.removeClass("svw").addClass("stripViewer");
  16. var pictWidth = container.find("img").width();
  17. var pictHeight = container.find("img").height();
  18. var pictEls = container.find("li").size();
  19. var stripViewerWidth = pictWidth*pictEls;
  20. container.find("ul").css("width" , stripViewerWidth); //assegnamo la larghezza alla lista UL
  21. container.css("width" , pictWidth);
  22. container.css("height" , pictHeight);
  23. container.each(function(i) {
  24. jQuery(this).after("<div class='stripTransmitter' id='stripTransmitter" + (j) + "'><ul><\/ul><\/div>");
  25. jQuery(this).find("li").each(function(n) {
  26. jQuery("div#stripTransmitter" + j + " ul").append("<li><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'>"+(n+1)+"<\/a><\/li>");
  27. });
  28. jQuery("div#stripTransmitter" + j + " a").each(function(z) {
  29. jQuery(this).bind("click", function(){
  30. jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!
  31. var cnt = -(pictWidth*z);
  32. container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
  33. return false;
  34. });
  35. });
  36. // next image via image click 14/01/2009
  37. jQuery("div#stripTransmitter" + j + " a").parent().parent().parent().prev().find("img").each(function(z) {
  38. jQuery(this).bind("click", function(){
  39. var ui = jQuery(this).parent().parent().parent().next().find("a");
  40. if(z+1 < pictEls){
  41. ui.eq(z+1).trigger("click");
  42. }
  43. else ui.eq(0).trigger("click");
  44. });
  45. });
  46. jQuery("div#stripTransmitter" + j).css("width" , pictWidth);
  47. jQuery("div#stripTransmitter" + j + " a:first").addClass("current");
  48. if(settings.toolTip){
  49. container.next(".stripTransmitter ul").find("a").Tooltip({
  50. track: true,
  51. delay: 0,
  52. showURL: false,
  53. showBody: false
  54. });
  55. }
  56. });
  57. j++;
  58. });
  59. };