FORUM SPX

paysan hardi

Membre

Inscription : 2014-01-30

Messages : 28

Site Web

exemple d'utilisation pour un slider

bonjour tout l'monde,
jour de pluie = jour d'ordi

le meilleur moyen d'écrire un tuto c'est de bidouiller avec PLX pour avoir ce qu'on veut
je pose ici ma façon de me servir de spx, merci de me kicker ailleurs si c'est pas la bonne rubrique

au HEADER :

 
[== HTML ==]
<!-- JS important au header pour S3slider -->
		<script type="text/javascript" src="<?php $plxShow->template(); ?>/js/jquery.min.js"></script>
		<!--script type="text/javascript" src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js"></script-->
		<script type="text/javascript" src="<?php $plxShow->template(); ?>/js/s3Slider.js" </script>

le fichier slider.php

[== PHP ==]

<script> $(document).ready(function() { $('#s3slider').s3Slider({ timeOut: 4000 }); }); </script>
<style>
#slider {
	width: 100%;
	height:300px; /* ! hauteur des vignettes sinon pas bottom*/
	margin:0px auto 0px auto;
	text-align:center;     
}
 
#s3slider { 
	overflow: hidden;  
	vertical-align:middle;
	margin:0px;
    padding:0px;
    width:auto;
    height:auto; 
}
 
#s3sliderContent {
	display:table;  /*this is KEY to centering the UL */
	position:static;
    margin:0px auto 0px auto;
    padding:0px;
    width:auto;
}
 
.s3sliderImage { float: left; position: relative; display: none;}
.s3sliderImage span { 
	position: absolute;
	text-align:left; 
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
    background-color: #000;
    filter: alpha(opacity=70); 
    -moz-opacity: 0.7; 
    -khtml-opacity: 0.7; 
    opacity: 0.7; 
    color: #fff;
    display: none;
}
.top {top:0; left:0; width:533px; }
.bottom {bottom:0; left:0; width:533px;}
.left {left:0; height:300px; width:100px;}
.right {right:0; height:300px; width:100px;}
.clear { clear:both;}
</style>

<?php 
global $plxShow;
//$IMAGEPATH = $plxShow->plxMotor->aConf['racine'];
$IMAGEPATH = $plxShow->plxMotor->aConf['images'];

# remplissage du tableau des résultats
$o2= array();
$o2["table"]="slider";
$o2["filter"]="actif=1";
$o2["out"]="array";
$sliders = $plxShow->callHook('spxdatas::getData',$o2);

# prep affichage
echo '<div id="s3slider">
			<div id="s3sliderContent">';

foreach ($sliders as $a)	
{	$image=$a["image"];
	echo '<div class="s3sliderImage">
			<img src="'.$IMAGEPATH.$image.'"/>
			<span class="'.$a['aligntext'].'">'.html_entity_decode($a["description"]).'</span>
	</div>';
}
echo'<div class="clear s3sliderImage"></div>
    </div>
</div>';

?>

je sais que le css devrait être dans le celui du thème et la minuterie au footer...mais j'aime tout trouver ensemble qd je cherche

l'appel du slider se fait de n'importe où (article, categ, tag...)par

[== HTML ==]
<?php include(dirname(__FILE__).'/slider.php'); ?>

j'oubliais...ma table slider (chez moi dans data/forms/demo.php)

[== XML ==]
<!--Slider-->
	<table name="slider" groupe="slider" order="true" maxparam="5" >
		<description><![CDATA[images et textes composant les sliders]]></description>
		<column>
			<parameter name="image" type="cdata" option="image"></parameter>
			<parameter name="aligntext" type="cdata" option="textinput/25/30"></parameter>
			<parameter name="actif" type="numeric" option="boolean"></parameter>
			<parameter name="description" type="cdata" option="textinput/50/55"></parameter>            
		</column>
	</table>

voilou !

Dernière modification par paysan hardi (2014-01-30 17:19:45)

Jack31

Membre

Lieu : Luchon (31)

Inscription : 2014-01-25

Messages : 170

Site Web

Re : exemple d'utilisation pour un slider

Merci pour l'intention paysan hardi (et bienvenue au passage)  et tu fais fort là !

Un petit lien pour qu'on voit cela peut-être ?

---

Tout va bien !
Tutoriel SPX pour les Nuls
Tutoriel Pluxml pour les Nuls

je-evrard

Responsable du projet

Lieu : Pau

Inscription : 2014-01-24

Messages : 206

Site Web

Re : exemple d'utilisation pour un slider

Paysan hardi tu as tout compris pour le coté admin client !

---

Petit à petit l'oiseau fait son nid.
creation de site web : http://secretsitebox.fr/ - création artistique : http://art.je-evrard.net

Jack31

Membre

Lieu : Luchon (31)

Inscription : 2014-01-25

Messages : 170

Site Web

Re : exemple d'utilisation pour un slider

Oh que non !!! 

---

Tout va bien !
Tutoriel SPX pour les Nuls
Tutoriel Pluxml pour les Nuls

paysan hardi

Membre

Inscription : 2014-01-30

Messages : 28

Site Web

Re : exemple d'utilisation pour un slider

salut les gars,
affres de la mise en ligne : le slider buggue à la seconde image (pb de css surement) alors qu'en local c'était parfait (cache vidé, ect..)
je revois ça ce soir
bonne journée
Ayé !
http://paysanhardi.free.fr/index.php?

Dernière modification par paysan hardi (2014-02-02 08:33:19)