Guest User

Untitled

a guest
Apr 25th, 2018
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.09 KB | None | 0 0
  1. jQuery(function(){
  2. jQuery("div.svw").prepend("<img src='/template/theme/designdistillery/img/bg-portfolio-loading.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.  
  25. jQuery(this).after("<div class='stripTransmitter' id='stripTransmitter" + (j) + "'><ul></ul></div>");
  26. jQuery(this).find("li").each(function(n) {
  27. jQuery("div#stripTransmitter" + j + " ul").append("<li><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'>"+(n+1)+"</a></li>");
  28. });
  29. jQuery("div#stripTransmitter" + j + " a").each(function(z) {
  30. jQuery(this).bind("click", function(){
  31.  
  32. jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!
  33. var cnt = -(pictWidth*z);
  34. container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
  35. return false;
  36. });
  37. });
  38.  
  39.  
  40. // next image via image click 14/01/2009
  41. jQuery("div#stripTransmitter" + j + " a").parent().parent().parent().prev().find("img").each(function(z) {
  42. jQuery(this).bind("click", function(){
  43. var ui = jQuery(this).parent().parent().parent().next().find("a");
  44. if(z+1 < pictEls){
  45. ui.eq(z+1).trigger("click");
  46. }
  47. else ui.eq(0).trigger("click");
  48. });
  49. });
  50.  
  51. jQuery("div#stripTransmitter" + j).css("width" , pictWidth);
  52. jQuery("div#stripTransmitter" + j + " a:first").addClass("current");
  53. if(settings.toolTip){
  54. container.next(".stripTransmitter ul").find("a").Tooltip({
  55. track: true,
  56. delay: 0,
  57. showURL: false,
  58. showBody: false
  59. });
  60. }
  61. });
  62. j++;
  63. });
  64. };
  65.  
  66. $("div").html( $("#myImg").attr("alt") );
  67.  
  68. container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
  69.  
  70. container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc, function(){
  71. // z is the index of the currently showing picture,
  72. // it comes from the .each call above
  73.  
  74. var altText = $(this).find("img").eq(z).attr("alt"); //get alt value
  75.  
  76. // now insert the text from the alt value
  77. $("#id_of_your_text_display_div").html(altText);
  78. });
  79.  
  80. jQuery(function(){
  81. jQuery("div.svw").prepend("<img src='/template/theme/designdistillery/img/bg-portfolio-loading.gif' class='ldrgif' alt='loading...'/ >");
  82. });
  83. var j = 0;
  84. var quantofamo = 0;
  85. jQuery.fn.slideView = function(settings) {
  86. settings = jQuery.extend({
  87. easeFunc: "easeInOutExpo",
  88. easeTime: 750,
  89. toolTip: false
  90. }, settings);
  91. return this.each(function(){
  92. var container = jQuery(this);
  93. container.find("img.ldrgif").remove(); // Removes the preloader gif
  94. container.removeClass("svw").addClass("stripViewer");
  95. var pictWidth = container.find("img").width();
  96. var pictHeight = container.find("img").height();
  97. var pictEls = container.find("li").size();
  98. var stripViewerWidth = pictWidth*pictEls;
  99. container.find("ul").css("width" , stripViewerWidth);
  100. container.css("width" , pictWidth);
  101. container.css("height" , pictHeight);
  102. container.each(function(i) {
  103. var altTextstart = $(this).find("img").attr("alt");
  104. $("#caption").html(altTextstart);
  105. jQuery(this).after("<div class='stripTransmitter' id='stripTransmitter" + (j) + "'><ul></ul></div>");
  106. jQuery(this).find("li").each(function(n) {
  107. jQuery("div#stripTransmitter" + j + " ul").append("<li><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'>"+(n+1)+"</a></li>");
  108. });
  109. jQuery("div#stripTransmitter" + j + " a").each(function(z) {
  110. jQuery(this).bind("click", function(){
  111. $("#caption").html(altTextstart).hide();
  112. jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current");
  113. var cnt = -(pictWidth*z);
  114. container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc,function(){
  115. // z is the index of the currently showing picture,
  116. // It comes from the .each call above
  117. var altText = $(this).find("img").eq(z).attr("alt"); // Get alt value
  118. // Now insert the text from the alt value
  119. $("#caption").html(altText).fadeIn("slow");
  120. });
  121. return false;
  122. });
  123. });
  124. jQuery("div#stripTransmitter" + j + " a").parent().parent().parent().prev().find("img").each(function(z) {
  125. jQuery(this).bind("click", function(){
  126. var ui = jQuery(this).parent().parent().parent().next().find("a");
  127. if(z+1 < pictEls){
  128. ui.eq(z+1).trigger("click");
  129. }
  130. else ui.eq(0).trigger("click");
  131. });
  132. });
  133. jQuery("div#stripTransmitter" + j).css("width" , pictWidth);
  134. jQuery("div#stripTransmitter" + j + " a:first").addClass("current");
  135. if(settings.toolTip){
  136. container.next(".stripTransmitter ul").find("a").Tooltip({
  137. track: true,
  138. delay: 0,
  139. showURL: false,
  140. showBody: false,
  141. });
  142. }
  143. });
  144. j++;
  145. });
  146. };
  147.  
  148. var altText = $(this).find("img").eq(0).attr("alt");
  149. $("#caption").html(altText).fadeIn("slow");
Add Comment
Please, Sign In to add comment