Mini-galerie -> Galerie et retour [Réglé]
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Reprise du message précédent
LMdF :
Au vu du résultat obtenu, je n'ai pas dû être suffisamment clair dans ma demande : dans mon esprit, il ne s'agissait pas de faire disparaître/réapparaître la mini-galerie, mais, à partir du lien Voir toutes les photos, que pour cette raison je proposais de formuler autrement (voir post ci-dessus), de faire apparaître/disparaître la galerie proprement dite.
Pas très bien compris .
Lorsque tu clique sur voir toutes les images tu veux que la galerie soit déroulé dans le même bloc ?
LMdF Membre non connecté
-
Booster Roquette
- Voir le profil du membre LMdF
- Inscrit le : 28/11/2007
KONA :
Lorsque tu clique sur voir toutes les images tu veux que la galerie soit déroulé dans le même bloc ?
C'est simple : exactement comme ça se passe actuellement, mais en plus, quand on reclique sur le même lien (qui entre-temps a changé de nom), ça referme la galerie (mais tout en laissant la mini-galerie ouverte). Pour l'instant il n'y a que la première étape, l'aller : ce serait bien d'avoir le retour aussi. Autrement dit encore, ce que tu as fait pour la mini-galerie, il faudrait pouvoir le faire, depuis celle-ci, pour la galerie aussi.
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Avec ( un retour précédent sur un lien en javascript )
[code=javascript]javascript:history.go(-1)[/code]
Crois tu que ça peut faire l'affaire ?
LMdF Membre non connecté
-
Booster Roquette
- Voir le profil du membre LMdF
- Inscrit le : 28/11/2007
KONA :
Crois tu que ça peut faire l'affaire ?
C'est le principe, oui, maintenant tu t'y connais forcément plus que moi en JavaScript... ou en tout autre langage de programmation d'ailleurs
. Ponds donc ton code et attendons de voir si Ptithom a encore la gentillesse de montrer ce que ça donne sur son site 
.
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
- que les images ne s'affiche pas .
- le retour en javascript ne marche pas ( car il est en AJAX donc pour le browser c'est pas vraiment un lien ) .
- je suis obliger de créer un nouveau gallery.php ( que j'ai nommé gallery_ajax.php , en enlevant les include header et footer. )
Sinon j'avais intégré gallery.php dans le div main en AJAX qui rendait bien mais avec des problèmes ( voir plus haut ) .
Je vais trouver une autre solution. ( il doit y avoire un truc simple mais bon je connais pas encore )
LMdF Membre non connecté
-
Booster Roquette
- Voir le profil du membre LMdF
- Inscrit le : 28/11/2007
Visiteur
Code HTML :
<style> /* Css pour la mini galerie */ .clicTitre{ height:32px; padding-bottom:15px; background:#B3DAEF; border-bottom:1px dashed #0099FF; border-right:1px solid #0099FF; border-left:1px solid #0099FF; border-top:1px solid #0099FF; height:28px; width:98%; margin-left:auto; margin-right:auto; font-size:12px; } .clicCacher{ position: relative; text-align:right; } .contenant{ width:98%; background:#DFF4FF; border-left:1px solid #0099FF; border-right:1px solid #0099FF; border-bottom:1px solid #0099FF; display : block; margin-left:auto; margin-right:auto; } </style> <script> function afficheId(baliseId) { if (document.getElementById && document.getElementById(baliseId) != null) { document.getElementById(baliseId).style.visibility='visible'; document.getElementById(baliseId).style.display='block'; } } function cacheId(baliseId) { if (document.getElementById && document.getElementById(baliseId) != null) { document.getElementById(baliseId).style.visibility='hidden'; document.getElementById(baliseId).style.display='none'; } } cacheId('contenu'); // si JavaScript est disponible, cache le contenu dès le // chargement de la page. Sans JavaScript, le contenu sera // affiché. </script> <div align="center" class="clicTitre"> [url=javascript:afficheId('contenu')]<img src="../templates/{THEME}/images/bas.png" alt="montrer"/>[/url] <span style="color:#FFFFFF;font-weight:bold;">{L_RANDOM_PICS}</span> [url=javascript:cacheId('contenu');]<img src="../templates/{THEME}/images/haut.png" alt="fermer"/>[/url] [/quote] <div class="contenant" id="contenu"> <div class="clicCacher"> <script type="text/javascript"> <!-- var sum_height = {SUM_HEIGHT}; var sum_width = {SUM_WIDTH}; var hidden_height = {HIDDEN_HEIGHT}; var hidden_width = {HIDDEN_WIDTH}; var scroll_speed = {SCROLL_SPEED}; var scroll_mode = '{SCROLL_MODE}'; {ARRAY_PICS} --> </script> <div style="width:660px;height:auto;overflow:hidden;text-align:center;margin-left:20px;margin-right:auto;margin:auto;position:relative;"> <div id="thumb_mini" style="left:0px;top:0px;position:relative;margin-top:5px;" onmouseover="temporize_scroll()" onmouseout="temporize_scroll();"> # START vertical_scroll # # START pics_mini # [url={vertical_scroll.pics_mini.U_PICS}#pics_max]<img src="{vertical_scroll.pics_mini.PICS}" alt="{vertical_scroll.pics_mini.NAME}" width="{vertical_scroll.pics_mini.WIDTH}" height="{vertical_scroll.pics_mini.HEIGHT}" />[/url] # END pics_mini # # END vertical_scroll # # START horizontal_scroll # <table> <tr> # START pics_mini # <td style="padding:4px;">[url={horizontal_scroll.pics_mini.U_PICS}#pics_max]<img src="{horizontal_scroll.pics_mini.PICS}" alt="{horizontal_scroll.pics_mini.NAME}" width="{horizontal_scroll.pics_mini.WIDTH}" height="{horizontal_scroll.pics_mini.HEIGHT}" />[/url]</td> # END pics_mini # </tr> </table> # END horizontal_scroll # </div> {L_NO_RANDOM_PICS} </div> <div align="center"> <a class="small_link" href="../gallery/gallery.php{SID}">Voir toutes les photos</a> </div> </div> </div>
bas.png
haut.png</div>Il y a plusieurs trucs là-dedans
Quoi va où car je suis perdue
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Code HTML :
# START end_right #
</div>
# END end_right #
<div id="main">
<style> /* Css pour la mini galerie */
.clicTitre{
padding-bottom:15px;
background:#B3DAEF;
border-bottom:1px dashed #0099FF;
border-right:1px solid #0099FF;
border-left:1px solid #0099FF;
border-top:1px solid #0099FF;
height:20px;
width:98%;
margin-left:auto;
margin-right:auto;
font-size:12px;
}
.clicCacher{
position: relative;
text-align:right;
}
.contenant{
width:98%;
background:#DFF4FF;
border-left:1px solid #0099FF;
border-right:1px solid #0099FF;
border-bottom:1px solid #0099FF;
display : block;
margin-left:auto;
margin-right:auto;
}
</style>
<script>
function afficheId(baliseId)
{
if (document.getElementById && document.getElementById(baliseId) != null)
{
document.getElementById(baliseId).style.visibility='visible';
document.getElementById(baliseId).style.display='block';
}
}
function cacheId(baliseId)
{
if (document.getElementById && document.getElementById(baliseId) != null)
{
document.getElementById(baliseId).style.visibility='hidden';
document.getElementById(baliseId).style.display='none';
}
}
cacheId('contenu');
// si JavaScript est disponible, cache le contenu dès le
// chargement de la page. Sans JavaScript, le contenu sera
// affiché.
</script>
<div align="center" class="clicTitre">
<a href="javascript:afficheId('contenu')"><img src="../templates/{THEME}/images/bas.png" alt="montrer"/></a>
<span style="color:#FFFFFF;font-weight:bold;">{L_RANDOM_PICS}</span>
<a href="javascript:cacheId('contenu');"><img src="../templates/{THEME}/images/haut.png" alt="fermer"/></a>
</div>
<div class="contenant" id="contenu">
<div class="clicCacher">
<script type="text/javascript">
<!--
var sum_height = {SUM_HEIGHT};
var sum_width = {SUM_WIDTH};
var hidden_height = {HIDDEN_HEIGHT};
var hidden_width = {HIDDEN_WIDTH};
var scroll_speed = {SCROLL_SPEED};
var scroll_mode = '{SCROLL_MODE}';
{ARRAY_PICS}
-->
</script>
<div style="width:660px;height:auto;overflow:hidden;text-align:center;margin-left:20px;margin-right:auto;margin:auto;position:relative;">
<div id="thumb_mini" style="left:0px;bottom:10px;position:relative;margin-bottom:4px;;" onmouseover="temporize_scroll()" onmouseout="temporize_scroll();">
# START vertical_scroll #
# START pics_mini #
<a href="{vertical_scroll.pics_mini.U_PICS}#pics_max"><img src="{vertical_scroll.pics_mini.PICS}" alt="{vertical_scroll.pics_mini.NAME}" width="{vertical_scroll.pics_mini.WIDTH}" height="{vertical_scroll.pics_mini.HEIGHT}" /></a>
# END pics_mini #
# END vertical_scroll #
# START horizontal_scroll #
<table>
<tr>
# START pics_mini #
<td style="padding:4px;"><a href="{horizontal_scroll.pics_mini.U_PICS}#pics_max"><img src="{horizontal_scroll.pics_mini.PICS}" alt="{horizontal_scroll.pics_mini.NAME}" width="{horizontal_scroll.pics_mini.WIDTH}" height="{horizontal_scroll.pics_mini.HEIGHT}" /></a></td>
# END pics_mini #
</tr>
</table>
# END horizontal_scroll #
</div>
{L_NO_RANDOM_PICS}
</div>
<div align="center">
<a class="small_link" href="../gallery/gallery.php{SID}">Voir toutes les photos</a>
</div>
</div>
</div>
<script type="text/javascript" src="{MODULE_DATA_PATH}/images/js/scroll.js"></script>
<div id="links">
<a class="small_link" href="{START_PAGE}" title="{L_INDEX}">{L_INDEX}</a>
# START link_speed_bar #
» <a class="small_link" href="{link_speed_bar.URL}" title="{link_speed_bar.TITLE}">{link_speed_bar.TITLE}</a>
# END link_speed_bar #
</div>
Si tu veux modifier les couleurs etc ... C'est dans le style css .
Édité par KONA Le 08/01/2008 à 17h42
Visiteur
mais j'arrive pas à changer les couleurs, j'ai mis les class dans global.css mais quand je change les couleurs rien ne se passe.
Pour résumer: j'ai mis le code que tu m'as mis dans news.tpl,puis les class dans global.css et j'ai modifié le galerie mini.tpl
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
nuagebrulant Membre non connecté
-
Booster Bazooka
- Voir le profil du membre nuagebrulant
- Inscrit le : 17/11/2007
LMdF Membre non connecté
-
Booster Roquette
- Voir le profil du membre LMdF
- Inscrit le : 28/11/2007
Puisque ces questions semblent t'intéresser, je te renvoie à cette discussion que j'avais essayé d'initier, sans grand succès, à propos de la possibilité de généraliser le procédé à d'autres domaines de l'interface : Couteau suisse à la sauce SPIP.
Cordialement.
KONA Membre non connecté
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
) .Se qu'il faut faire c'est reprendre tout les mini module ensuite mettre dans le bon div se qu'il faut pour faire déplier ou/et montrer sont contenue . Quelque chose pas énormément dur mais qui demande un peu de temps ( enfin pour moi je suis pas ben.popeye ou crowkait qui code super vite et propre
) doucement mais surement 
.
Édité par KONA Le 16/01/2008 à 01h21
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie