2devs.com Galerie photo et video pour SPIP 1.7.2 réalisation et développement multimédias

21 novembre 2008

2devs.com > Open source > SPIP

SPIP - Galerie photo video

Galerie photo et video pour SPIP 1.7.2

Publié le 26/11/2004, par Mélanie Couty Alagnoux

Creation d’une galerie photo ou vidéo sans utiliser la boucle document.

Permet l’ouverture des documents (image et video) dans une nouvelle fenètre.

Creation d’une galerie photo ou vidéo sans utiliser la boucle document

<boucle document>

Permet l’ouverture des documents (image et video) dans une nouvelle fenètre.

SPIP :: Galerie photo et vidéo ::

2devs.com : Capture d'ecran - Interface de rédaction d'un article dans SPIP (GIF)

Dans l’interface d’administration de SPIP :

Rédigez votre article et insérez vos vignettes de documents directement dans le corps de l’article.

<doc..|left>

Exemple : (avec un seul document dupliqué)

2devs.com : Capture d'écran / Galerie Photo et vidéo SPIP (GIF)

Dans votre page html :

N’utilisez pas la boucle document.

<BOUCLEn(DOCUMENTS){critères...}>

Les vignettes de document s’afficheront grace votre boucle article

<BOUCLEn(ARTICLES){critères...}>#TEXTE...

###########################################################
## Titre:                   SPIP Document Galery v1.01
## Cible:                     SPIP 1.7.2
## Auteur:                  Melanie Alagnoux
## Site :                   http://www.2devs.com/
## Description:             Galery image/video use spip/document with an open new html window.
## Niveau:                  Facile
## Temps d'installation:    5 Minutes
## Fichiers à éditer:       1
## Fichiers à créer:        3
###########################################################
Attention : en appliquant le code suivant vous modifiez le corps principal de SPIP !! en cas d'upgrade vous devrez reportez ces modifications sur la nouvelle version, sous reserve de compatibilité !!!
###########################################################

#
#-----[ OUVRIR /spip/ecrire/inc_documents.php3.php ]----------------------------


#
#-----[ INSEREZ EN LIGNE 2 (après <?php )]----------------------------------
#
                session_start();
#
#-----[ TROUVEZ  (aux environs de la ligne 276)]----------------------------------

#
if ($mode == 'document')
$vignette = "<a href='$url_fichier'>$vignette</a>";
#
#-----[ REMPLACEZ LA LIGNE SUIVANTE]-----------------------------------------------

#
$vignette = "<a href='$url_fichier'>$vignette</a>";
#
#-----[ PAR LE CODE SUIVANT]-----------------------------------------------
#
                $rest = substr($url_fichier, -3); 
                if($rest == 'jpg'){
                
                $_SESSION['favimg'] = $url_fichier;
                $_SESSION['titreimg'] = $titre;
                $_SESSION['himg'] = $hauteur;
                $_SESSION['limg'] = $largeur;                
                $vignette = "<a href='#' onClick='image()'>$vignette</a>";
                
                }else{
                
                $_SESSION['favideo'] = $url_fichier;
                $_SESSION['titrevideo'] = $titre;
                $_SESSION['formatvideo'] = $rest;
                $vignette = "<a href='#' onClick='video()'>$vignette</a>";

                
        }
        
#
#-----[ SAUVEZ ET ENREGISTREZ ]-----------------------------------------
#



#
#-----[ DANS LA PAGE HTML OU SE TROUVERA VOTRE ARTICLE CONTENANT LA GALERIE ]----------------------------
#
#
#-----[ PLACEZ LE CODE JAVASCRIPT SUIVANT ENTRE LES BALISES <HEAD>....</HEAD>) - ATTENTION SELON LE SQUELETTE SPIP UTILISE IL SE PEUT QUE CES BALISES SE TROUVENT DANS UN AUTRE FICHIER REGROUPANT LES BALISES D'ENTETE]----------------------------------
#
<script language="javascript">
<!--
function image()
{
window.open("image.php3", "image", "toolbar=no, location=no, directories=no, status=yes, scrollbars=yes, resizable=yes, copyhistory=no, width=400, height=400, left=300, top=50");
}
function video()
{
window.open("video.php3", "video", "toolbar=no, location=no, directories=no, status=yes, scrollbars=yes, resizable=yes, copyhistory=no, width=400, height=400, left=300, top=50");
}
//-->
</script>

#
#-----[ SAUVEZ ET ENREGISTREZ ]-----------------------------------------
# 

#
#-----[ A LA RACINE DE SPIP CREEZ LE FICHIER : image.php3 ]----------------------------
#

#
#-----[ INSEREZ LE CODE SUIVANT ]-----------------------------------------
#

<HTML>
<HEAD>
<style type="text/css">
<!--
body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;

}
.liens {
        font-size: 9px;
        color: silver;
        text-decoration: none;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: bold;
}
-->
</style>
<?php
session_start();
$image = $_SESSION['favimg']; 
$larg =  (($_SESSION['limg'])+100);
$haut =  (($_SESSION['himg'])+100);
$titr = $_SESSION['titreimg'];

echo "<script> function taille() { window.resizeTo($larg,$haut); } </script>";
echo "<TITLE>SPOON - $titr</TITLE>";
echo "<body onload='taille()' onresize='taille()'>" ;
echo "<table width='100%' height='100%'  border='0'><tr><td align='center' valign='middle' bgcolor='#666666'><a href='#'onclick='window.close()'class ='liens'><img src='$image' border='0' align='middle'><br>close window</a></td></tr></table>";
echo $_SESSION['ti'];

?> 


</BODY>
</HTML>

#
#-----[ SAUVEZ ET ENREGISTREZ ]-----------------------------------------
#

#
#-----[ A LA RACINE DE SPIP CREEZ LE FICHIER : video.php3 ]----------------------------
#

#
#-----[ INSEREZ LE CODE SUIVANT ]-----------------------------------------
#

<HTML>
<HEAD>
<style type="text/css">
<!--
body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;

}
.liens {
        font-size: 9px;
        color: silver;
        text-decoration: none;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: bold;
}
-->
</style>
<?php
session_start();
$titr = $_SESSION['titrevideo'];
$video = $_SESSION['favideo'];
$format = $_SESSION['formatvideo'];

echo "<TITLE>SPOON - $titr</TITLE>";
echo "<body>" ;
echo "<table width='100%' height='100%'  border='0'><tr><td align='center' valign='middle' bgcolor='#666666'>";
switch ($format) {
                   case 'avi':

                        echo "<object id='MediaPlayer' width='320' height='240' classid='CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95' standby='Loading...' type='application/x-oleobject'>";
                        echo "<param name='FileName' value='$video'>";
                        echo "<embed src='$video' type='application/x-mplayer2' name='VideoAVI' loop='0' hspace='0' vspace='0' palette='foreground' frameborder='NO' border='0' hidden='FALSE' title='$titr'></embed></noembed></object>";

                break;
                
                case '.rm':

                        echo "<OBJECT ID='MediaPlayer' WIDTH=320 HEIGHT=240 classid='CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112' standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>";
                        echo "<PARAM NAME='FileName' VALUE='$video'><PARAM NAME='ShowControls' VALUE='1'><PARAM NAME='ShowDisplay' VALUE='1'><PARAM NAME='ShowStatusBar' VALUE='1'><PARAM NAME='AutoSize' VALUE='1'>";
                           echo "<Embed type='application/x-mplayer2' pluginspage='http://www.microsoft.com/windows/windowsmedia/download/' filename='$titr' src='$video' Name=MediaPlayer ShowDisplay=1 ShowStatusBar=1 width=320 height=240> </embed> </OBJECT>";
                        break;
                        
                case 'mov':

                        echo "<object WIDTH='320' HEIGHT='240'>";
                        echo "<param name='src' value='$video'><param name='volume' value='50%'><param name='loop' value='false'><param name='controller' value='true'><param name='autoplay' value='true'><param name='type' value='video/quicktime'>";
                         echo "<embed width='320' height='240' align='middle' src='$video' volume='50%' loop='false' controller='true' autoplay='true' type='video/quicktime'></embed></object>";

                        break;
        
        
}
echo "<br><a href='#'onclick='window.close()'class ='liens'>close window</a></td></tr></table>";
?> 


</BODY>
</HTML>

#
#-----[ SAUVEZ ET ENREGISTREZ ]-----------------------------------------
#
# 
Si vous avez d'autres formats (par exemple flash) il vous suffit de créer un autre 'case' et d'insérer les balises d'embed correspondantes.
#
#

Télécharger les fichiers

Répondre à cet article

Masquer/Afficher les fils de discussion des articles SPIP

Possibilité de replier et déplier les fils de discussion sur les articles dans SPIP.
par Mélanie Couty Alagnoux

Menu SPIP dépliant / déroulant en javascript et CSS

Création d’un menu SPIP dit dépliant ou déroulant, contextuel en javascript et CSS.
par Mélanie Couty Alagnoux

	2devs.com
	Plan du site
	En résumé
	Espace privé