Changeset 23569

Timestamp:

Jun 26, 2013, 8:34:21 PM (11 years ago)

Author:

flop25

Message:

adding a new option for the mouseover effect

Location:

extensions/stripped_black_bloc

Files:

• admin/admin.inc.php (modified) (1 diff)
• admin/admin.tpl (modified) (1 diff)
• admin/maintain.inc.php (modified) (1 diff)
• admin/upgrade.inc.php (modified) (3 diffs)
• language/en_UK/theme.lang.php (modified) (1 diff)
• language/fr_FR/theme.lang.php (modified) (2 diffs)
• local_head.tpl (modified) (2 diffs)
• template/mainpage_categories.tpl (modified) (1 diff)
• template/stuffs_thumbnails.tpl (modified) (1 diff)
• template/thumbnails.tpl (modified) (1 diff)

extensions/stripped_black_bloc/admin/admin.inc.php

@@ -34 +34 @@
         $config_send['catthumb']=(isset($_POST['f_catthumb'])) ? $_POST['f_catthumb'] : 'none';
         $config_send['orientation_option']=(isset($_POST['f_orientation_option'])) ? $_POST['f_orientation_option'] : 'none';
+        $config_send['hover_action']=(isset($_POST['f_hover_action'])) ? $_POST['f_hover_action'] : 'fadein';
         conf_update_param('stripped_black_bloc', pwg_db_real_escape_string(serialize($config_send)));
 

extensions/stripped_black_bloc/admin/admin.tpl

@@ -23 +23 @@
     </li>
     <li>
+      <br>
+      <label>{'Effect to use when the mouse is over the thumbnails:'|@translate}</label>
+      <br>
+     <label>
+        <input type="radio" name="f_hover_action" id="hover_action" value="fadein"  {if $options.hover_action=="fadein"}checked{/if}>
+        &nbsp;{'Opacity at 75%, then 100% on mouseover'|@translate}</label>
+      <br>
+      <label>
+        <input type="radio" name="f_hover_action" id="hover_action" value="fadeout" {if $options.hover_action=="fadeout"}checked{/if}>
+        &nbsp;{'Opacity at 100%, then 75% on mouseover'|@translate}</label>
+      <br>
+      <label>
+        <input type="radio" name="f_hover_action" id="hover_action" value="border" {if $options.hover_action=="border"}checked{/if}>
+        &nbsp;{'For albums, the border becomes white'|@translate}</label>
+      <br>
+      <label>
+        <input type="radio" name="f_hover_action" id="hover_action" value="none" {if $options.hover_action=="none"}checked{/if}>
+        &nbsp;{'No effect'|@translate}</label>
+      <br><br>
+    </li>
     <li>
       <label for="column_width"><span class="property">{'Width of columns'|@translate}</span>&nbsp;</label>

extensions/stripped_black_bloc/admin/maintain.inc.php

@@ -14 +14 @@
         'starting_to'                                           => 1,
   'catthumb'         => 'none', //none - same - all
-  'orientation_option'         => 'none' //none - max_heigth - big_landscape
+  'orientation_option'         => 'none', //none - max_heigth - big_landscape
+  'hover_action'         => 'fadein', //fadein - fadeout - border - none
       );
       

extensions/stripped_black_bloc/admin/upgrade.inc.php

@@ -14 +14 @@
   'starting_to'           => 1,
   'catthumb'         => 'none', //none - same - all
-  'orientation_option'         => 'none' //none - max_heigth -big_landscape
+  'orientation_option'         => 'none', //none - max_heigth - big_landscape
+  'hover_action'         => 'fadein', //fadein - fadeout - border - none
   );
   $query = "
@@ -22 +23 @@
   load_conf_from_db();
 }
-elseif (count(unserialize( $conf['stripped_black_bloc'] ))!=7)
+elseif (count(unserialize( $conf['stripped_black_bloc'] ))!=8)
 {
   $conff=unserialize($conf['stripped_black_bloc']);
@@ -32 +33 @@
   'starting_to'           => (isset($conff['starting_to'])) ? $conff['starting_to'] :1,
   'catthumb'         => (isset($conff['catthumb'])) ? $conff['catthumb'] :'none', //none - same - all
-  'orientation_option'         => (isset($conff['orientation_option'])) ? $conff['orientation_option'] :'none' //none - max_heigth -big_landscape
+  'orientation_option'         => (isset($conff['orientation_option'])) ? $conff['orientation_option'] :'none', //none - max_heigth -big_landscape
+  'hover_action'         => (isset($conff['hover_action'])) ? $conff['hover_action'] :'fadein' //fadein - fadeout - border - none
   );
   conf_update_param('stripped_black_bloc', pwg_db_real_escape_string(serialize($config)));

extensions/stripped_black_bloc/language/en_UK/theme.lang.php

@@ -19 +19 @@
 $lang['use the same config as above'] = "use the same config as above";
 $lang['always generate big thumbnails'] = "always generate big thumbnails";
+$lang['Effect to use when the mouse is over the thumbnails:'] = 'Effect to use when the mouse is over the thumbnails:';
+$lang['Opacity at 75%, then 100% on mouseover'] = 'Opacity at 75%, then 100% on mouseover';
+$lang['Opacity at 100%, then 75% on mouseover'] = 'Opacity at 100%, then 75% on mouseover';
+$lang['For albums, the border becomes white'] = 'For albums, the border becomes white';
+$lang['No effect'] = 'No effect';
 ?>

extensions/stripped_black_bloc/language/fr_FR/theme.lang.php

@@ -1 +1 @@
 <?php
-
 $lang['The parent-theme Stripped need to be enabled in order to use its parameters'] = 'Le thème-parent Stripped doit être activé pour pouvoir utiliser ses paramètres';
 $lang['Stripped & Columns Theme Configuration'] = 'Stripped & Columns, Page de configuration';
@@ -20 +19 @@
 $lang['use the same config as above'] = "utiliser la configuration ci-dessus";
 $lang['always generate big thumbnails'] = "toujours générer des grosses miniatures";
+$lang['Effect to use when the mouse is over the thumbnails:'] = 'Effet à utiliser quand la souris survole une miniature';
+$lang['Opacity at 75%, then 100% on mouseover'] = 'Opacité à 75%, puis à 100% au survol';
+$lang['Opacity at 100%, then 75% on mouseover'] = 'Opacité à 100%, puis à 75% au survol';
+$lang['For albums, the border becomes white'] = 'Pour les albums, la bordure devient blanche';
+$lang['No effect'] = 'Aucun effet';
 ?>

extensions/stripped_black_bloc/local_head.tpl

@@ -84 +84 @@
         });
 }
-function FadeSC() {
-jQuery(".bloc a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
-jQuery(".bloc_big a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
+// fade onmouseover
+function Hover_action_SC() {
+{/literal}{if $stripped_black_bloc.hover_action=="fadein"}{literal}
+  jQuery(".bloc a, .bloc_big a").fadeTo(500, 0.75);
+  jQuery(".bloc a, .bloc_big a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
+{/literal}{elseif $stripped_black_bloc.hover_action=="fadeout"}{literal}
+  jQuery(".bloc a, .bloc_big a").hover(function() { jQuery(this).fadeTo(500, 0.75); }, function() { jQuery(this).fadeTo(500, 1);  });
+{/literal}{elseif $stripped_black_bloc.hover_action=="border"}{literal}
+  jQuery(".bloc a, .bloc_big a").hover(function() { jQuery(this).animate({borderColor: "#fff"}, 900); }, function() { jQuery(this).animate({borderColor: "{/literal}{if $stripped_black_bloc.color_main}#{$stripped_black_bloc.color_main}{/if}{literal}"}, 900);  });
+{/literal}{/if}{literal}
 }
-jQuery(window).bind("RVTS_loaded", FadeSC);
+jQuery(window).bind("RVTS_loaded", Hover_action_SC);
 
 
@@ -94 +101 @@
   jQuery('#rvtsUp').remove();
 
-        // fade onmouseover
-        jQuery(".bloc a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
-  jQuery(".bloc_big a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
+        Hover_action_SC();
   
         // sidemenu managment

extensions/stripped_black_bloc/template/mainpage_categories.tpl

@@ -43 +43 @@
     {assign var='size' value=$derivative->get_size()}
         <div class="bloc {$TN_CLASS} album">
-                        <a href="{$cat.URL}" style="background: url({$derivative->get_url()}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; opacity: 0.75;" >
+                        <a href="{$cat.URL}" style="background: url({$derivative->get_url()}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px;" >
                                 {$cat.NAME}
                         </a>

extensions/stripped_black_bloc/template/stuffs_thumbnails.tpl

@@ -39 +39 @@
      {assign var='size' value=$derivative->get_size()}
 <div class="bloc {$TN_CLASS}">
-  <a href="{$thumbnail.URL}" style="background: url({if $derivative->is_cached()}{$derivative->get_url()}{else}{$ROOT_URL}{$themeconf.img_dir}/loading.gif{/if}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; opacity: 0.75;" {if !$derivative->is_cached()}data-src="{$derivative->get_url()}"{/if}>
+  <a href="{$thumbnail.URL}" style="background: url({if $derivative->is_cached()}{$derivative->get_url()}{else}{$ROOT_URL}{$themeconf.img_dir}/loading.gif{/if}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px;" {if !$derivative->is_cached()}data-src="{$derivative->get_url()}"{/if}>
     {if isset($thumbnail.NAME)}{$thumbnail.NAME}{else}{$thumbnail.TN_TITLE}{/if}
   </a>

extensions/stripped_black_bloc/template/thumbnails.tpl

@@ -42 +42 @@
      {assign var='size' value=$derivative->get_size()}
   <div class="bloc {$TN_CLASS}">
-    <a title="{$thumbnail.TN_TITLE}" href="{$thumbnail.URL}" style="background: url({if $derivative->is_cached()}{$derivative->get_url()}{else}{$ROOT_URL}{$themeconf.img_dir}/loading.gif{/if}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; opacity: 0.75;" {if !$derivative->is_cached()}data-src="{$derivative->get_url()}"{/if}>
+    <a title="{$thumbnail.TN_TITLE}" href="{$thumbnail.URL}" style="background: url({if $derivative->is_cached()}{$derivative->get_url()}{else}{$ROOT_URL}{$themeconf.img_dir}/loading.gif{/if}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px;" {if !$derivative->is_cached()}data-src="{$derivative->get_url()}"{/if}>
     {if isset($thumbnail.NAME)}{$thumbnail.NAME}{else}{$thumbnail.TN_TITLE}{/if}
     </a>