Download as
Browse Code »

Commit 925df3dd75910c51c654dc1a7328b3f7286e6be2

Authored by Braulio Bhavamitra
1 parent da6c1271
Exists in master and in 28 other branches 1.2+SPB2, 2_split_by_role, add_fields_in_api, api_fixies, api_pagination, api_private_token, api_tasks, article_hit_count, blog_page_bug, checkbox_to_user_can_edit_page, communities_ratings, communities_ratings_moderation, community_ratings_rebase, fix_cloned_article_parent, fix_gallery_image_url, fix_javascript_categories, fix_optional_fields, fix_suggest_article, fix_user_email_validation, highlight_block_fix, notification_plugin, notification_plugin_rebase, script_to_update, split_by_role, stable, temp_ratings, tests, tests_fixies

Allow centralization of images with zoomify script 

(ActionItem3178)
Showing 2 changed files with 23 additions and 14 deletions   Show diff stats
app/helpers/application_helper.rb
  Diff comments   View file @925df3d
... ... @@ -1201,20 +1201,7 @@ module ApplicationHelper
1201 1201 def add_zoom_to_images
1202 1202 stylesheet_link_tag('fancybox') +
1203 1203 javascript_include_tag('jquery.fancybox-1.3.4.pack') +
1204   - javascript_tag("jQuery(function($) {
1205   - $(window).load( function() {
1206   - $('#article .article-body img').each( function(index) {
1207   - var original = original_image_dimensions($(this).attr('src'));
1208   - if ($(this).width() < original['width'] || $(this).height() < original['height']) {
1209   - $(this).wrap('<div class=\"zoomable-image\" />');
1210   - $(this).parent('.zoomable-image').attr('style', $(this).attr('style'));
1211   - $(this).attr('style', '');
1212   - $(this).after(\'<a href=\"' + $(this).attr('src') + '\" class=\"zoomify-image\"><span class=\"zoomify-text\">%s</span></a>');
1213   - }
1214   - });
1215   - $('.zoomify-image').fancybox();
1216   - });
1217   - });" % _('Zoom in'))
  1204 + javascript_tag("apply_zoom_to_images(#{_('Zoom in').to_json})")
1218 1205 end
1219 1206  
1220 1207 def render_dialog_error_messages(instance_name)
... ...
public/javascripts/application.js
  Diff comments   View file @925df3d
... ... @@ -1103,3 +1103,25 @@ jQuery(document).ready(function(){
1103 1103 showHideTermsOfUse();
1104 1104 });
1105 1105 });
  1106 +
  1107 +function apply_zoom_to_images(zoom_text) {
  1108 + jQuery(function($) {
  1109 + $(window).load( function() {
  1110 + $('#article .article-body img').each( function(index) {
  1111 + var original = original_image_dimensions($(this).attr('src'));
  1112 + if ($(this).width() < original['width'] || $(this).height() < original['height']) {
  1113 + $(this).wrap('<div class="zoomable-image" />');
  1114 + $(this).parent('.zoomable-image')
  1115 + .attr({style: $(this).attr('style')})
  1116 + .css({
  1117 + width: $(this).width(),
  1118 + height: $(this).height(),
  1119 + });
  1120 + $(this).attr('style', '');
  1121 + $(this).after('<a href="' + $(this).attr('src') + '" class="zoomify-image"><span class="zoomify-text">'+zoom_text+'</span></a>');
  1122 + }
  1123 + });
  1124 + $('.zoomify-image').fancybox();
  1125 + });
  1126 + });
  1127 +}
... ...