Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Module Simple Slider
#4

----------------------------------------------

Cms Version: 1.11.6

Installed Modules:

CGExtensions: 1.31
CMSMailer: 5.2.1
CMSPrinting: 1.0.4
FileManager: 1.4.3
Gallery: 2.0.1
JQueryTools: 1.2.3
MenuManager: 1.8.5
MicroTiny: 1.2.5
ModuleManager: 1.5.5
News: 2.12.12
TinyMCE: 2.9.12
Search: 1.7.8
HostedVideoAlbums: 2.4.4
ThemeManager: 1.1.8
SimpleSlider: 1.2


Config Information:

php_memory_limit:
process_whole_template:
output_compression:
max_upload_size: 20000000
url_rewriting: none
page_extension:
query_var: page
image_manipulation_prog: GD
auto_alias_content: true
locale:
default_encoding: utf-8
admin_encoding: utf-8
set_names: true


Php Information:

phpversion: 5.2.11
md5_function: On (Vrai)
gd_version: 2
tempnam_function: On (Vrai)
magic_quotes_runtime: Off (Faux)
E_STRICT: 0
memory_limit: 128M
max_execution_time: 60
output_buffering: 4096
safe_mode: Off (Faux)
file_uploads: On (Vrai)
post_max_size: 25M
upload_max_filesize: 20M
session_save_path: Aucune vérification à cause de la restriction spécifiée par PHP open_basedir
session_use_cookies: On (Vrai)
xml_function: On (Vrai)
xmlreader_class: On (Vrai)


Server Information:

Server Api: apache2handler
Server Db Type: MySQL (mysqli)
Server Db Version: 5.0.67
Server Db Grants: Impossible de trouver un privilège "GRANT ALL". Cela peut signifier que vous pourriez avoir des problèmes pour installer ou retirer des modules, ou encore l 'ajout et la suppression d'éléments, y compris les pages.


----------------------------------------------
Bonjour,

Je viens d'installer le module Simple Slider. Il figure bien dans la partie "contenu" du CMSMS avec ses 4 onglets (images, shows, design, edit settings). Il fonctionne correctement dans le sens où les images défilent bien mais le champ "lien sur image" ne fonctionne pas. J'essaie vainement de mettre une url absolue mais rien ne s'inscrit dans la table cms_module_simpleslider_images.

ci-dessous, dans l'onglet design, les 2 fichiers CSS edition et Template edition
---------------
css edition

<style type="text/css">
#s3slider {
width: {$width}px; /* important to be same as image width */
height: {$height}px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}

#s3sliderContent {
width: {$width}px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}

.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
list-style: none;
}

.s3sliderImage span {
position: absolute; /* important */

font: 15px/15px Arial, Helvetica, sans-serif;
padding: 10px 53px;
width: {$width - 26}px;
background-color: #000;
filter: alpha(opacity={$opacity}); /* here you can set the opacity of box with text */
-moz-opacity: {$opacity / 100}; /* here you can set the opacity of box with text */
-khtml-opacity: {$opacity / 100}; /* here you can set the opacity of box with text */
opacity: {$opacity / 100}; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */

}

.clear {
clear: both;
}

.s3sliderImage span strong {
font-size: 14px;
}

.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
.left {
top: 0;
left: 0;
width: 110px !important;
height: 400px;
}
.right {
right: 0;
bottom: 0;
width: 90px !important;
height: 290px;
}



</style>
--------------------------

Template edition
--------------------------

{if !empty($jqueryurl)}
<script src="{$jqueryurl}" type="text/javascript"></script>
{/if}
{if !empty($s3sliderurl)}
<script src="{$s3sliderurl}" type="text/javascript"></script>
{/if}

<script type="text/javascript">
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: {$fadetime}
});
});
</script>


{if $position == 0}
{assign 'class' 'top'}
{elseif $position == 1}
{assign 'class' 'right'}
{elseif $position == 2}
{assign 'class' 'bottom'}
{elseif $position == 3}
{assign 'class' 'left'}
{/if}

<div id="s3slider">
<ul id="s3sliderContent">
{foreach $images as $image}

<li class="s3sliderImage">
<img src="uploads/sliderimages/{$image.filename}" width="{$width}" height="{$height}" {if !empty($image.imagelink)} onClick="javascript:location.href='{$image.imagelink}';" style="cursor:pointer;" {/if} />
<span class="{$class}">
{$image.title}
{if !empty($image.imagelink)}<a href="{$image.imagelink}" class="slidelink">{/if}
{$image.description}
{if !empty($image.imagelink)}</a>{/if}
</span>
</li>
{/foreach}
<div class="clear s3sliderImage"></div>
</ul>
</div>

------------------------------


Dans ma page, là où je souhaite le carrousel, j'insère le module sous cette forme {SimpleSlider}.

Peut-être y-a-t-il une petite erreur dans le template edition que je n'ai pas su déceler ???

merci pour votre aide
Répondre


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)