Fork me on GitHub




(1) 2 »


effet web 2 sur vos images
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
Bonjour vous voulais avoir un effet web2 reflex sur vos images voici l'astuce

Tous d'abord télécharger le script reflex.js

et placer le dossier reflex.js dans le dossier js qui ce trouve a la racine de votre site.

Editer votre theme.html entre les balises <head> </head> inserer cette ligne:

<script type="text/javascript" src="<{xoAppUrl /js/reflex/reflex.js}>"></SCRIPT>


Pour avoir l'effet reflex sur vos images il vous faudra ajouter la class"reflex" à celles ci exemple:

<img src="http://www.votre-site.com/Votre_images.png" alt=" " class="reflex" />


Pour ajouter cette effet au module extgallery comme sur mon site

Dans l'album public exemple

O
u sur une image de l'album exemple

Dans /www/modules/extgallery/templates/extgallery_public-photo.html lignes==>14 et 16 remplacer par

<div id="photo">
    <{if 
$photo.photo_serveur}>
    <
img src="<{$photo.photo_serveur}><{$photo.photo_name}>" alt="<{$photo.photo_desc}>" title="<{$photo.photo_desc}>" title="<{$photo.photo_desc}>" class="reflex"/>
    <{else}>
    <
img src="<{$xoops_url}>/uploads/extgallery/public-photo/medium/<{$photo.photo_name}>" alt="<{$photo.photo_desc}>" title="<{$photo.photo_desc}>" class="reflex"/>
    <{/if}>
    </
div>


Ensuite dans /www/modules/extgallery/templates/extgallery_public-album.html ligne==> 29 et 30 remplacer par

<{if $photos[photo].photo_serveur && $photos[photo].photo_name}>
                <
a href="public-photo.php?photoId=<{$photos[photo].photo_id}>#photoNav"><img class="reflex" src="<{$photos[photo].photo_serveur}>thumb_<{$photos[photo].photo_name}>" alt="<{$photos[photo].photo_desc}>" title="<{$photos[photo].photo_desc}>" /></a>
                <{elseif 
$photos[photo].photo_name}>
                <
a href="public-photo.php?photoId=<{$photos[photo].photo_id}>#photoNav"><img class="reflex" src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$photos[photo].photo_name}>" alt="<{$photos[photo].photo_desc}>" title="<{$photos[photo].photo_desc}>" /></a>
                <{/if}>


Voila vous pouvez faire sa avec toutes vos images suffi de rajouter la class"reflex"

vous voulais d'autre effet d'images du style web 2 aller faire un petit tour sur ce site http://www.netzgesta.de/cvi/

Posté le : 11/10/2009 11:04
Partager Twitter Partagez cette article sur GG+
Re: effet web 2 sur vos images
Xoops accro
Inscrit: 16/08/2005 19:46
De Nanterre
Messages: 2331
Bonjour grosdunord,
Je n'ai qu'une chose à dire..... c'est d'la balle...
Merci pour le partage
Bon dimanche

Posté le : 11/10/2009 11:52

eparcyl... tranquille.
Partager Twitter Partagez cette article sur GG+
Re: effet web 2 sur vos images
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
De rien Eparcyl si sa peut utile a la communauté et a des future module c'est génial que sa te fasse plaisir

Posté le : 11/10/2009 11:59
Partager Twitter Partagez cette article sur GG+
Re: effet web 2 sur vos images
Semi pro
Inscrit: 10/11/2004 13:40
Messages: 1659
Bonsoir Grosdunord

Merci pour ce bel effet, et aussi pour ce lien très très intéressant

Posté le : 11/10/2009 22:17

PS : Toujours faire une sauvegarde des fichiers avant de les modifier !
-------------------------------------------
http://www.aideordi.com
Partager Twitter Partagez cette article sur GG+
Re: effet web 2 sur vos images
Régulier
Inscrit: 19/12/2006 08:08
Messages: 149
Très sympa le lien et les effets

Posté le : 11/10/2009 22:36

Open in new window Open in new window
Partager Twitter Partagez cette article sur GG+
Re: effet web 2 sur vos images
Newbie
Inscrit: 27/10/2008 16:08
Messages: 17
Bonjour.
merci pour l'astuce, mais ya problème sous IE8 , l'image est grisée.
config: xoops 2.3.3 , extgallery 1.8.

Open in new window

Posté le : 12/10/2009 16:45
Partager Twitter Partagez cette article sur GG+
Re: effet web 2 sur vos images
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
Bonjour

Bizzard car je vient de voir sous IE 8 avec mon site et aucun soucis je suis sous xoops 2.3.3 et extgallery 1.08 et pas de soucis particulier

Vérifié bien l'appel au script dans théme.html ou voir avec un autre thème si cela ce produit tu peut toujours voir aussi si avec mon site tu a ce problème car de mon coté pas de soucis

Posté le : 12/10/2009 16:59
Partager Twitter Partagez cette article sur GG+
Re: effet web 2 sur vos images
Newbie
Inscrit: 27/10/2008 16:08
Messages: 17
pas de probleme avec ton site , juste a mon niveau et avec tout les thèmes meme "Default" , par contre avec "Firefox" c'est ok.

Posté le : 12/10/2009 21:04
Partager Twitter Partagez cette article sur GG+
Re: effet web 2 sur vos images
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
Bin la je sais pas pourquoi sa fonctionne pas de ton coté

tient je te mais extgallery modifier que j'ai de mon coté peut etre que sa ira

extgallerie web 2

Posté le : 12/10/2009 21:35
Partager Twitter Partagez cette article sur GG+
Re: effet web 2 sur vos images
Newbie
Inscrit: 27/10/2008 16:08
Messages: 17
Merci, mais le lien est brisé. "404 Not Found"

Posté le : 12/10/2009 22:41
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
(1) 2 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

24 Personne(s) en ligne (14 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 24 | Plus ...