Importation d'une galerie web via lightroom - Version imprimable
+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Général (https://forum.cmsmadesimple.fr/forum-10.html)
+--- Sujet : Importation d'une galerie web via lightroom (/thread-3403.html)
+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Général (https://forum.cmsmadesimple.fr/forum-10.html)
+--- Sujet : Importation d'une galerie web via lightroom (/thread-3403.html)
Importation d'une galerie web via lightroom - jay711 - 04/02/2015
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: !1.11.x
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.6.8
#~ Installed Modules:
#~ CMSMailer: 1.73.14
#~ FileManager: 1.0.2
#~ MenuManager: 1.6.2
#~ ModuleManager: 1.3.2
#~ News: 2.10.4
#~ nuSOAP: 1.0.1
#~ Printing: 1.0.4
#~ Search: 1.6.1
#~ ThemeManager: 1.1.1
#~ TinyMCE: 2.6.2
#~ CGSimpleSmarty: 1.4.4
#~ FormBuilder: 0.6.1
#~ CGExtensions: 1.19
#~ SiteMapMadeSimple: 1.2.1
#~ SimpleGoogleMap: 1.1
#~ Gallery: 1.4.4
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ max_upload_size: 10000000
#~ default_upload_permission: 664
#~ assume_mod_rewrite: true
#~ page_extension: .htm
#~ internal_pretty_urls: false
#~ use_hierarchy: true
#~ Php Information:
#~ phpversion: 5.3.2-1ubuntu4.27.1~gandi
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ memory_limit: 128M
#~ max_execution_time: 30
#~ safe_mode: Off (Faux)
#~ session_save_path: /var/lib/php5 (1733)
#~ session_use_cookies: On (Vrai)
#~ Server Information:
#~ Server Api: apache2handler
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.1.73
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~
Bonjour à tous,
Je viens vous voir car j'aimerais intégrer une galerie web faite avec lightroom dans mon cms made simple.
Je ne suis pas concepteur de site web et donc je ne suis pas un pro du code.
C'est pour cette raison que je voulais savoir si il existe un moyen simple de transférer mes galeries lightroom.
Voilà pour la question en espérant trouver une réponse !
Merci d'avance
Importation d'une galerie web via lightroom - jce76350 - 04/02/2015
Pour information ta version indiquée du CMS ( Cms Version: 1.6.8) est obsolète est donc à mettre à jour.
la version actuelle est la CMSMS 1.11.12
Pour ta galerie web via lightroom, il faudrait plus de précisions sur ce que tu veux faire.
Importation d'une galerie web via lightroom - jay711 - 04/02/2015
Oui c'est vrai qu'il faut que j m'occupe de cette maj.
Bien en faite ce que je veux faire, c'est l'intégrer à mon site.
Lorsque je crée une galerie web avec lightroom, cela me crée un dossier spécial avec à l'intérieur, apriori, ce qu'il faut pour l’intégrer facilement à un site.
Cette galerie web intègre un diaporama, des zooms sur les photos, la possibilité de mettre un copyright en filigrane et tout ce qui va bien pour des galeries photos.
Mais je ne sais pas comment faire pour l'intégrer !
A l'intérieur de ce dossier, il y'a des .css, des .html, des .js, des .png et les images en elles-mêmes. Je ne sais pas si cela peut vous aidez.
Importation d'une galerie web via lightroom - jay711 - 04/02/2015
( je me souviens pourquoi j'avais pas fais la mise à jour.... Parce que c'est compliqué est long à faire. Un bouton " mise à jour" aurait était le bienvenu !! )
Importation d'une galerie web via lightroom - jissey - 04/02/2015
Bonjour,
pour utiliser CMSMS, il y a des compétences pré-requises.
Il n'y a pas de bouton ni pour faire des mises à jours ni pour intégrer du code issu de Lightroom, Photoshop ou autre...
Tu peux soit te former aux techniques du web, soit faire appel à un professionnel.
Importation d'une galerie web via lightroom - jay711 - 05/02/2015
Oui.... Je peux essayer de comprendre également la façon de s'y prendre.
Alors admettons que je sois formé aux codes, comment je pourrais faire ?
Importation d'une galerie web via lightroom - jissey - 05/02/2015
Bonjour,
la méthode est peut-être la suivante car je ne sais pas ce que nous fourni Lightroom :
1-installer le module Gallery
2-Créer un nouveau gabarit dans le module.
3-Copier le code HTML fourni par Lightroom dans le gabarit et l'ajuster en prenant exemple sur un autre gabarit.
3-Copier le code CSS fourni par Lightroom dans ce même gabarit à l'endroit approprié.
4-Copier le code JS ou les liens vers les fichiers fournis par Lightroom dans ce même gabarit à l'endroit approprié.
5-Créer une galerie en liaison avec ce nouveau gabarit.
6-Importer des images dans cette galerie.
7-Mettre la balise SMARTY qui appelle la nouvelle galerie là où elle doit apparaître dans le site.
Enjoy
Importation d'une galerie web via lightroom - jay711 - 05/02/2015
Et bien ton aide m'a mis sur la bonne voie et je dois pas être super super loin.
Une partie de la galerie apparait sur le site, mais une grosse partie reste en code sur la page
Le pire c'est que je suis sur que c'est pas une grosse erreur que je fais. Ça doit simplement être un code rentrer au mauvais endroit.
mais de la à trouver....
Importation d'une galerie web via lightroom - jissey - 05/02/2015
Je ne peux pas t'aider plus...
Importation d'une galerie web via lightroom - Jean le Chauve - 05/02/2015
Surtout si tu ne nous mets pas de lien vers la page problématique de ton site, ni les différents codes, gabarits utilisés et le lien vers la documentation du site proposant le téléchargement de ton lightroom.
As-tu regardé ce tutoriel ?
Importation d'une galerie web via lightroom - jay711 - 05/02/2015
J'ai regardé le tuto et c'est grace à ca que j'ai réussi la premiere fois à (tant bien que mal ) intégrer plusieurs diaporama. Et d'ailleurs je te remercie pour ca.
Lightroom est un logiciel de retouche photo genre photoshop. Il permet de crée une galerie photo destinée au web apparemment. Une fois la galerie créée un dossier est crée avec les éléments suivants :
- Ressources
- Content
- index.html
Dans Ressources J'ai des codes .css tel que celui ci qui se nomme "master.css" (j'en ai 2 autres intitulés "IE6.css et IE7.css):
-
Code :
[== CSS ==]
/* GLOBAL */
* {
margin:0;
padding:0;
}
body {
text-align:center;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 20px;
padding: 20px 0;
}
img {
border: 0;
}
/* TYPOGRAPHY */
body, h1, h2, h3, h4, h5, h6, p, a {
background-color:inherit;
color: #b3b3b3;
font-size: 12px;
font-family: helvetica, arial, tahoma, verdana, sans-serif;
}
/* LINKS */
a, a:link, a:hover {
text-decoration:underline;
color:inherit;
cursor:pointer;
}
a:link a:visited a:hover, a:active {
color:inherit;
text-decoration:none;
}
/* MISC */
.clear {
clear: both;
}
.borderTopLeft {
border-top: 1px solid #787878;
border-left: 1px solid #787878;
}
.borderBottomRight {
border-right: 1px solid #787878;
border-bottom: 1px solid #787878;
}
.borderRight {
border-right: 1px solid #787878;
}
.borderRightDotted {
border-right: 1px dotted #787878;
}
/* SITE WRAPPER */
#wrapper_large, #wrapper_thumb {
text-align:left;
width: 807px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
}
/* ID PLATE */
#idplate {
margin-bottom: 0px;
margin-top: 0px;
}
#idplate .logo {
}
/* SITE TITLE */
#sitetitle {
margin-bottom: 10px;
border-bottom: 1px dotted #7f7f7f;
}
#sitetitle h1 {
background-color:inherit;
font-size: 20px;
}
/* COLLECTION HEADER */
#collectionHeader {
margin-bottom: 15px;
}
#collectionHeader h1 {
font-size: 14px;
}
#collectionHeader p {
line-height: 16px;
margin-top: 5px;
}
/* COLLECTION INLINE */
#collectionInline {
float: left;
position: relative;
color:inherit;
background-color: #b3b3b3;
width: 321px /*2 x CellWidth + 1px Gap*/
;
height: 482px /*3 x CellHeight + 2px Gap*/
;
overflow: hidden;
}
#collectionInline .padding {
padding: 15px;
}
#collectionInline h1 {
background-color:inherit;
color: #4c4c4c;
font-size: 14px;
}
#collectionInline p {
background-color:inherit;
color: #4c4c4c;
line-height: 16px;
margin-top: 5px;
}
/* STYLE SWITCHER */
#styleswitcher {
float: left;
margin-bottom: 10px;
border-right: 1px solid #787878;
}
#styleswitcher img {
float: left;
border-left: 1px solid #787878;
border-bottom: 1px solid #787878;
width: 12px;
height: 7px;
}
/* PAGINATION */
.pagination {
float: right;
margin-bottom: 10px;
padding: 0;
}
.pagination ul {
margin: 0;
padding: 0;
}
.pagination li {
float: left;
list-style: none;
padding: 5px;
}
.pagination li, .pagination a {
}
.pagination .previous {
font-weight: bold;
margin-left: 25px;
}
.pagination .next {
font-weight: bold;
}
.pagination .readout {
font-weight: bold;
}
.pagination .current {
border: solid 1px #7f7f7f;
}
/* QUICK JUMP */
#quickjump {
float: right;
margin-bottom: 10px;
padding: 0;
}
/* CONTACT */
#contact {
/*float: left;
*/
margin-bottom: 10px;
padding: 5px 0;
}
#contact span, #contact a {
}
/* STAGE */
#stage, #stage2, #index {
float: left;
position: relative;
margin: 0;
}
#stage, #stage2 {
padding-bottom: 10px;
border-bottom: 1px dotted #7f7f7f;
}
/* PREVIEW FULL */
#previewFull {
float: left;
position: relative;
color:inherit;
background-color: #191919;
}
#previewFull .padding {
padding-top: 15px;
}
/* TRANSPORT CONTROLS */
#previewSmall .previewSmallNav {
position: absolute;
bottom: 0;
width: 100%;
font-weight: bold;
text-align: center;
padding-bottom: 15px;
}
/* PAGINATION */
.previewFullNav ul {
margin: 0;
padding: 5px;
}
.previewFullNav li {
display: inline;
padding: 10px;
}
/* INDEX - GRID */
.thumbnail {
float: left;
position: relative;
color:inherit;
background-color: #949494;
width: 160px;
height: 160px;
overflow: hidden;
}
.selectedThumbnail, .thumbnail:hover {
color:inherit;
background-color: #a1a1a1;
}
.emptyThumbnail {
float: left;
position: relative;
color:inherit;
background-color: #949494;
width: 160px;
height: 160px;
overflow: hidden;
}
/* INDEX */
.selected {
color:inherit;
background-color: #a1a1a1;
}
.selected:hover {
color:inherit;
background-color: #a1a1a1;
}
.selected .alignmentInner img {
border: solid 3px white;
padding: 0;
margin: 0;
}
.itemNumber {
z-index: 0;
position: absolute;
top: 2px;
left: 2px;
background-color:inherit;
color: #9c9c9c;
font-size: 40px;
font-weight: bold;
letter-spacing: -1px;
}
.fullSize {
position: absolute;
left: 0;
bottom: 0;
}
.sendMail {
position: absolute;
right: 0;
bottom: 0;
}
/* INDEX - LIST */
.row {
position: relative;
color:inherit;
background-color: #a1a1a1;
width: 804px /*5 x CellWidth + 4px Gap*/
;
height: 160px;
overflow: hidden;
}
.cellThumbnail {
float: left;
position: relative;
color:inherit;
background-color: #949494;
width: 200px;
height: 100%;
overflow: hidden;
}
.cellThumbnail:hover {
color:inherit;
background-color: #949494;
}
.cellDescription {
float: left;
position: relative;
width: 350px;
height: 100%;
overflow: hidden;
}
.cellDescription .padding {
padding: 10px;
}
.cellDescription h1 {
background-color:inherit;
color: #E5E5E5;
font-size: 14px;
}
.cellDescription p {
background-color:inherit;
color: #E5E5E5;
line-height: 16px;
margin-top: 5px;
}
.cellMetaData {
float: left;
position: relative;
color:inherit;
background-color: #9D9D9D;
width: 250px;
height: 100%;
overflow: hidden;
}
.cellMetaDataContainer {
width: 250px;
}
.cellMetaDataLabel {
float: left;
width: 40%;
text-align: right;
}
.cellMetaDataLabel p {
background-color:inherit;
color: #e5e5e5;
font-size: 10px;
line-height: 12px;
padding-right: 3px;
}
.cellMetaDataData {
float: left;
width: 60%;
text-align: left;
}
.cellMetaDataData p, .cellMetaDataData a {
background-color:inherit;
color: #E5E5E5;
font-size: 10px;
line-height: 12px;
font-weight: bold;
padding-left: 3px;
}
/* PROPER ALIGNMENT INSIDE CELLS */
.alignmentOuterGrid {
z-index: 1;
position: static;
text-align: center;
display: table;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.alignmentOuter {
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.alignmentOuter {
position: static;
text-align: center;
display: table;
}
.alignmentMiddle {
position: static;
display: table-cell;
vertical-align: middle;
}
.alignmentInner {
position: static;
}
.AdjustZIndex {
position: relative;
}
/* Metadata Formatting */
.previewFullMetadata hr {
border:0;
height: 0px;
margin-left: 10px;
margin-right: 10px;
}
#detailTitle {
margin: 10px 0 0 0;
float:left;
clear:both;
text-align: center;
width: 100%;
}
.detailNav {
width: 100%;
float:left;
clear: both;
text-align: center;
}
.detailNav ul {
margin: 10px auto;
text-align: center;
}
.detailNav ul li {
display:inline;
text-align: center;
list-style: none;
padding: 5px;
}
#detailImage {
text-align: center;
width: 100%;
}
#detailCaption {
margin: 10px;
text-align: center;
}
.previewMetadataRow {
display:block;
font-size: 11px;
text-align:center;
clear:both;
}
.previewMetadataLabel {
margin-right: 3px;
display:inline;
font-size: 11px;
text-align:right;
clear:both;
}
.previewMetadataData {
display:inline;
font-size: 11px;
font-weight: bold;
}
.preview {
border: 1px solid black;
position: relative;
}
.thumb {
border: 1px solid black;
position: relative;
}
.dropShadow {
background: url(../misc/shadow.png) right bottom no-repeat;
display: block;
float: left;
margin: 13px -10px -10px 10px;
position: relative;
}
.dropShadow:before, .dropShadow:after {
background: inherit;
content: " ";
display: block;
height: 10px;
width: 10px;
}
.dropShadow:before {
background-position: right top;
margin: -10px 0 0 auto;
position: absolute;
right: 0;
top: 0;
}
.dropShadow:after {
background-position: left bottom;
margin: -13px 0 0 -10px;
}
.dropShadow .inner {
display: block;
left: -10px;
margin: 0;
overflow: hidden;
position: relative;
top: -13px;
}Importation d'une galerie web via lightroom - jay711 - 05/02/2015
J'ai également des codes JS :
live update.js :
Code :
[== JavaScript ==]
// a constant used to indicate a function that does nothing
var NOOP = function() {}
// ------------------------------------------------------------------------
// Find the font family, size and face for the provided node in the
// HTML dom. The result object contains fontSize, fontFamily and
// fontFace entries.
//
function findFont( obj )
{
var result = new Object();
if ( obj.currentStyle ) {
result.fontSize = obj.currentStyle[ 'fontSize' ];
result.fontFamily = obj.currentStyle[ 'fontFamily' ];
result.fontFace = obj.currentStyle[ 'fontFace' ];
} else if ( document.defaultView && document.defaultView.getComputedStyle ) {
var computedStyle = document.defaultView.getComputedStyle( obj, "" );
result.fontSize = computedStyle.getPropertyValue( 'font-size' );
result.fontFamily = computedStyle.getPropertyValue( 'font-family' );
result.fontFace = computedStyle.getPropertyValue( 'font-face' );
}
return result;
}
// ---------------------------------------------------------------------------
/*
Find the bounds of the specified node in the DOM. This returns
an objct with x,y, height and width fields
*/
function findBounds( obj )
{
var bounds = new Object();
bounds.x = 0;
bounds.y = 0;
bounds.width = obj.scrollWidth;
bounds.height = obj.scrollHeight;
if( obj.x != null ) {
bounds.x = obj.x;
bounds.y = obj.y;
}
else {
while( obj.offsetLeft != null ) {
bounds.x += obj.offsetLeft;
bounds.y += obj.offsetTop;
if( obj.offsetParent ) {
obj = obj.offsetParent;
}
else {
break;
}
}
}
// subtract the amount the page is scrolled from position
if (self.pageYOffset) // all except Explorer
{
bounds.x -= self.pageXOffset;
bounds.y -= self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
// Explorer 6 Strict
{
bounds.x -= document.documentElement.scrollLeft;
bounds.y -= document.documentElement.scrollTop;
}
else if (document.body) // all other Explorers
{
bounds.x -= document.body.scrollLeft;
bounds.y -= document.body.scrollTop;
}
return bounds;
}
// ---------------------------------------------------------------------------
var isFirefoxPat = /Firefox\/([0-9]+)[.]([0-9]+)[.]([0-9]+)/;
var firFoxArr = isFirefoxPat.exec( navigator.userAgent );
var isSafariPat = /AppleWebKit\/([0-9]+)[.]([0-9]+)/;
var safariArr = isSafariPat.exec( navigator.userAgent );
// ---------------------------------------------------------------------------
/*
Default implementation does nothing when viewing the webpage normally
*/
var clickTarget = NOOP;
var tellLightroomWhatImagesWeAreUsing = NOOP;
var setActiveImageSize = NOOP;
// ---------------------------------------------------------------------------
var callCallback = NOOP;
var WIN_ENV = false;
var MAC_ENV = false;
// ---------------------------------------------------------------------------
if( window.myCallback != null ){
MAC_ENV = true;
// We're being previewed on Mac. Create a callback
// function for communicating from the web page into Lightroom.
callCallback = function() {
// On Mac we use a special javascript to talk to Lightroom.
var javascript = 'myCallback.' + arguments[ 0 ] + "( ";
var j = arguments.length;
var c = j - 1;
for( var i = 1; i < j; i++ ) {
var arg = arguments[ i ];
if( typeof( arg ) == 'string' ) {
javascript = javascript + '"' + arg + '"';
}
if( typeof( arg ) == 'number' ) {
javascript = javascript + arg
}
if( typeof( arg ) == 'undefined' ) {
javascript = javascript + 'undefined'
}
if( i < c ) {
javascript = javascript + ", "
}
}
javascript = javascript + " )"
eval( javascript )
}
pushresult = function( result ) {
callCallback( "pushresult", result )
}
}
// ---------------------------------------------------------------------------
else if( window.AgMode == 'preview' ) {
WIN_ENV = true;
// We're being previewed on Windows. Create a callback
// function for communicating from the web page into Lightroom.
callCallback = function() {
// On windows we use a special lua: URL to talk to Lightroom.
var lua = arguments[ 0 ] + "( ";
var j = arguments.length;
var c = j - 1;
for( var i = 1; i < j; i++ ) {
var arg = arguments[ i ];
if( typeof( arg ) == 'string' ) {
lua = lua + '"' + arg + '"';
}
if( typeof( arg ) == 'number' ) {
lua = lua + arg
}
if( typeof( arg ) == 'undefined' ) {
lua = lua + 'undefined'
}
if( i < c ) {
lua = lua + ", "
}
}
lua = lua + ")"
location.href = "lua:" + lua
}
pushresult = function( result ) {
location.href = "rsl:" + result;
}
}
// ---------------------------------------------------------------------------
/*
Set up live feedback between Lightroom and the previewed web page.
*/
if( callCallback != NOOP ) {
setActiveImageSize = function( size ) {
document.activeImageSize = size;
callCallback( "setActiveImageSize", size );
}
tellLightroomWhatImagesWeAreUsing = function() {
if( window.myCallback != null ) {
var imgElements = document.getElementsByTagName( "img" );
var elsLen = imgElements.length;
var result = new Array()
for( i = 0; i < elsLen; i++ ) {
var element = imgElements[ i ];
var imageID = element.id;
// for html validation purposes, we've prepended "ID" to the GUID for this
// image, so now we strip that off.
imageID = imageID.substring( 2 );
result[ i ] = imageID;
}
myCallback.setUsedFiles( result );
}
}
clickTarget = function( obj, target, imageID ) {
if( imageID != null ) {
// for html validation purposes, we've prepended "ID" to the GUID for this
// image, so now we strip that off.
imageID = imageID.substring( 2 );
}
var bounds = findBounds( obj );
var font = findFont( obj );
callCallback( 'inPlaceEdit', target, bounds.x, bounds.y, bounds.width, bounds.height, font.fontFamily, font.fontSize, imageID )
}
AgDebugPrint = function( message ) {
callCallback( 'AgDebugPrint', message );
}
}
// ---------------------------------------------------------------------------
if( firFoxArr && ( firFoxArr[1] > 1 || firFoxArr[2] > 4 ) ||
safariArr ) {
window.gridOn = NOOP;
window.gridOff= NOOP;
}
else {
window.gridOn = function( t, id ) {
t.agOriginalClassName = t.className;
t.className = "selectedThumbnail " + t.className;
};
window.gridOff= function( t ) {
t.className = t.agOriginalClassName;
};
}
var needThumbImgLink = !isFirefoxPat;
var oldOnLoad = window.onload;
window.onload = function() {
if( window.AgOnLoad ) {
window.AgOnLoad();
}
if( oldOnLoad ) {
oldOnLoad();
}
};
//------------------------------------------------------------
document.liveUpdateImageMaxSize = function( id, value ) {
var targetArr = id.split(/[ \t\r\n]*,[ \t\r\n]*/);
for( i = 0; i < targetArr.length; i++ ) {
var target = targetArr[i];
var idRegex = new RegExp( "^[#](.+$)" );
var theId = idRegex.exec( target );
if( theId && theId[ 1 ] ) {
var item = document.getElementById( theId[ 1 ] );
if( item ) {
// scale image size
var max = item.width;
if( item.height > max ) {
max = item.height;
}
item.width = item.width * value / max;
item.height = item.height * value / max;
}
}
}
return "invalidateAllContent";
}
//------------------------------------------------------------
document.liveUpdatePropertyMac = function( id, property, value ) {
var targetArr = id.split(/[ \t\r\n]*,[ \t\r\n]*/);
var clasRegex = new RegExp( "^[.](.+$)" )
var idRegex = new RegExp( "^[#](.+$)" )
var comboRegex = new RegExp( "[ \t\r\n]" );
for( i = 0; i < targetArr.length; i++ ) {
var target = targetArr[i];
var theClass = clasRegex.exec( target );
var theId = idRegex.exec( target );
if( comboRegex.exec( target ) ) {
return "failed";
}
else if( theClass) {
var pattern = new RegExp( "(^|\\s)" + theClass[1] + "(\\s|$)" );
var items = document.getElementsByTagName( '*' );
for( o = 0; o < items.length; o++ ) {
var item = items[ o ];
if( pattern.test( item.className ) ){
item.style.setProperty( property, value, "important" );
}
}
return "invalidateAllContent";
}
else if( theId ) {
if( property == "maxSize" ) {
return document.liveUpdateImageMaxSize( id, value );
}
var item = document.getElementById( theId[ 1 ] );
if( item ) {
item.style.setProperty( property, value, "important");
}
return "invalidateAllContent";
}
else {
var items = document.getElementsByTagName( target);
for( i = 0; i < items.length; i++ ) {
var item = items[i];
item.style.setProperty( property, value, "important" );
}
return "invalidateAllContent";
}
}
};
//------------------------------------------------------------
document.liveUpdatePropertyWin = function( id, property, value ) {
// AgDebugPrint( "document.liveUpdatePropertyWin( " + id + ", " + property + ", " + value + " )\n" );
if( property == "maxSize" ) {
return document.liveUpdateImageMaxSize( id, value );
}
if( property == 'display' || value == 'inherit' ) {
return "failed"
}
var x = document.styleSheets[0];
x.addRule(id, property + ": " + value + " !important");
return "invalidateAllContent";
}
if( MAC_ENV ) {
document.liveUpdateProperty = document.liveUpdatePropertyMac
}
if( WIN_ENV ) {
document.liveUpdateProperty = document.liveUpdatePropertyWin
}
//------------------------------------------------------------
function esc( pre ) {
pre = pre.replace( /&/g, "&" );
pre = pre.replace( /</g, "<" );
return pre;
}
//------------------------------------------------------------
function escapeForHtml( value ) {
// escape < and & but preserve </html>
var result = "";
var index = 0;
var pat = /(.*?)(<[\/a-zA-Z]?[^&<>]+>)/g;
var chunk;
while( ( chunks = pat.exec( value ) ) != null ) {
var pre = chunks[ 1 ];
var node = chunks[ 2 ];
index += pre.length + node.length;
pre = esc( pre )
result = result + pre + node;
}
result = result + esc( value.substring( index ) )
return result;
}
//------------------------------------------------------------
document.liveUpdate = function( path, newValue, cssId, property ) {
// AgDebugPrint( "document.liveUpdate( " + path + ", " + newValue + ", " + cssId + " , " + property + " ) " );
var success = "failed";
var reg = /(^[^.]+)\./;
var ar = reg.exec( path );
if( ar == null ) {
// override result if we drove this change ourselves
if( document.LR_modelManipulation ) {
return "invalidateOldHTML";
}
return "failed";
}
var area = ar[1];
if( area == "metadata" ) {
// our html is built so that the HTML ids are the metadata path
var a = document.getElementById( path );
while(a.hasChildNodes()) {
a.removeChild(a.firstChild);
}
newValue = escapeForHtml( newValue );
a.innerHTML = newValue;
success = "invalidateOldHTML";
}
else if( area == "appearance" ) {
success = document.liveUpdateProperty( cssId, property, newValue );
}
else if( path == "nonCSS.tracking" ) {
if( newValue == null || newValue == "null") {
// force reload by signalling failure to update
// because we don't properly layout all the nuiances of
// detail image placement during tracking, we reload at the
// end to make sure it is correct when mouseup
success = "failed";
}
else {
// FIX_ME, image won't layout properly during drag w/o this
success = "invalidateOldHTML";
}
}
else if( path == "nonCSS.imageBorderWidth" ) {
// FIX_ME, not yet implemented, so image won't layout properly during drag
// as a workaround, we're reloading on tracking up (see previous block)
success = "invalidateOldHTML";
}
else {
// AgDebugPrint("How do I update " + path + " to " + newValue )
}
// override result if we drove this change ourselves
if( document.LR_modelManipulation ) {
return "invalidateOldHTML";
}
return success;
}
//------------------------------------------------------------
document.liveUpdateImageSize = function( imageID, width, height ) {
var img = document.getElementById( 'ID' + imageID );
img.style.width = width + 'px';
img.style.height = height + 'px';
return "invalidateAllContent";
}
//------------------------------------------------------------et pngfix.js :
Code :
[== JavaScript ==]
/*
Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
*/
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
var re = /^agwpg/i;
var workAroundIEDeadlockBug = re.exec( document.location ) == null;
if ((version >= 5.5) && (document.body.filters) && workAroundIEDeadlockBug) {
for(var i=0; i<document.images.length; i++) {
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}Et enfin j'ai un fichier "Index.html" quand je l'ouvre sur internet, je clique gauche et je copie le code source que je vous post ici :
Code :
[== HTML ==]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta name="Keywords" content="photography,software,photos,digital darkroom,gallery,image,photographer,adobe,photoshop,lightroom" >
<meta name="generator" content="Adobe Photoshop Lightroom" >
<title>www.dauphine-stores.fr</title>
<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="content/custom.css" >
<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="./resources/css/master.css" >
<script type="text/javascript">
window.AgMode = "publish";
cellRolloverColor="#A1A1A1";
cellColor="#949494";
</script>
<script type="text/javascript" src="./resources/js/live_update.js">
</script>
<!--[if lt IE 7.]> <script defer type="text/javascript" src="./resources/js/pngfix.js"></script> <![endif]-->
<!--[if gt IE 6]> <link rel="stylesheet" href="./resources/css/ie7.css"></link> <![endif]-->
<!--[if lt IE 7.]> <link rel="stylesheet" href="./resources/css/ie6.css"></link> <![endif]-->
</head>
<body>
<div id="wrapper_thumb">
<div id="model.nonCSS.idplateEnabled">
<div class="logo"> <a href="./index.html"> <img width="515" height="43" class="pngDelayDisplay" src="content/logo.png" alt="Logo"> </a> </div>
</div>
<div id="sitetitle">
<h1 onclick="clickTarget( this, 'metadata.siteTitle.value' );" id="metadata.siteTitle.value" class="textColor">www.dauphine-stores.fr</h1>
</div>
<div id="collectionHeader">
<h1 onclick="clickTarget( this, 'metadata.groupTitle.value' );" id="metadata.groupTitle.value" class="textColor">Store de terrasse</h1>
<p onclick="clickTarget( this, 'metadata.groupDescription.value' );" id="metadata.groupDescription.value" class="textColor">Store Grenoble, Voiron, Meylan</p>
</div>
<div id="stage">
<div id="index">
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID18345_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0650_large.html'">
<div class="itemNumber">1</div>
<a href="content/DSCN0650_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:31px;">
<img src="content/images/thumb/DSCN0650.jpg" id="ID18345_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID18356_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0651_large.html'">
<div class="itemNumber">2</div>
<a href="content/DSCN0651_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:32px;">
<img src="content/images/thumb/DSCN0651.jpg" id="ID18356_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID18371_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0652_large.html'">
<div class="itemNumber">3</div>
<a href="content/DSCN0652_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:31px;">
<img src="content/images/thumb/DSCN0652.jpg" id="ID18371_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID18382_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0654_large.html'">
<div class="itemNumber">4</div>
<a href="content/DSCN0654_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:31px;">
<img src="content/images/thumb/DSCN0654.jpg" id="ID18382_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="thumbnail borderTopLeft borderRight" onmouseover="window.gridOn( this.parentNode, 'ID18393_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0656_large.html'">
<div class="itemNumber">5</div>
<a href="content/DSCN0656_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:31px;">
<img src="content/images/thumb/DSCN0656.jpg" id="ID18393_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="clear">
</div>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID18410_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0657_large.html'">
<div class="itemNumber">6</div>
<a href="content/DSCN0657_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:31px;">
<img src="content/images/thumb/DSCN0657.jpg" id="ID18410_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID18421_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0658_large.html'">
<div class="itemNumber">7</div>
<a href="content/DSCN0658_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:31px;">
<img src="content/images/thumb/DSCN0658.jpg" id="ID18421_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID18432_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0659_large.html'">
<div class="itemNumber">8</div>
<a href="content/DSCN0659_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:32px;">
<img src="content/images/thumb/DSCN0659.jpg" id="ID18432_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID18443_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0660_large.html'">
<div class="itemNumber">9</div>
<a href="content/DSCN0660_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:31px;">
<img src="content/images/thumb/DSCN0660.jpg" id="ID18443_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="thumbnail borderTopLeft borderRight" onmouseover="window.gridOn( this.parentNode, 'ID18454_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0661_large.html'">
<div class="itemNumber">10</div>
<a href="content/DSCN0661_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:31px;">
<img src="content/images/thumb/DSCN0661.jpg" id="ID18454_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="clear">
</div>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID18465_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0662_large.html'">
<div class="itemNumber">11</div>
<a href="content/DSCN0662_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:31px;">
<img src="content/images/thumb/DSCN0662.jpg" id="ID18465_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID18476_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0663_large.html'">
<div class="itemNumber">12</div>
<a href="content/DSCN0663_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:31px;">
<img src="content/images/thumb/DSCN0663.jpg" id="ID18476_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID18487_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/DSCN0664_large.html'">
<div class="itemNumber">13</div>
<a href="content/DSCN0664_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:15px; margin-top:31px;">
<img src="content/images/thumb/DSCN0664.jpg" id="ID18487_thumb" alt="" class="thumb" />
</div>
</a> </div>
<div class="emptyThumbnail borderTopLeft "></div>
<div class="emptyThumbnail borderTopLeft borderRight"></div>
<div class="clear">
</div>
<div class="emptyThumbnail borderTopLeft "></div>
<div class="emptyThumbnail borderTopLeft "></div>
<div class="emptyThumbnail borderTopLeft "></div>
<div class="emptyThumbnail borderTopLeft "></div>
<div class="emptyThumbnail borderTopLeft borderRight"></div>
<div class="clear">
</div>
<div class="emptyThumbnail borderTopLeft borderBottom"></div>
<div class="emptyThumbnail borderTopLeft borderBottom"></div>
<div class="emptyThumbnail borderTopLeft borderBottom"></div>
<div class="emptyThumbnail borderTopLeft borderBottom"></div>
<div class="emptyThumbnail borderTopLeft borderRight borderBottom"></div>
<div class="clear">
</div>
</div>
</div>
<div class="clear">
</div>
<div id="contact">
<a href="mailto:dauphine.store@wanadoo.fr"> <span
class="textColor" id="metadata.contactInfo.value">Dauphiné Stores & Fermetures</span>
</a>
</div>
<div class="clear">
</div>
</div>
</body>
</html>Et dans le dossier " Content " se trouve les images en jpeg.
La page que j'ai testé n'est pas en ligne, car dans la mesure où elle est incomplète, et bien je ne la publie pas ducoup !
Voila, qu'est ce que vous en dites ?
Importation d'une galerie web via lightroom - Ouik - 05/02/2015
J'aurais tendance à dire que ces fichiers sont valables dans le cas d'une intégration d'une galerie sur un site statique, ce que CMSMS n'est pas. Si tu souhaites intégrer une galerie sur CMSMS, le plus simple à mon avis est d'utiliser le module gallery et d'y uploader tes photos, sans t'occuper des fichiers fournis par Lightroom.
Importation d'une galerie web via lightroom - jay711 - 05/02/2015
Ben grâce à votre site j'avais pu faire des slides avec des photos uploader. Mais ça devenait vite chaotique dés qu’il y'avait beaucoup de photos.
Ce logiciel intègre une interface beaucoup plus complète et accessible. Mais je ne savais pas comment l'integrer... Mais on dirait que ce n'est pas possible donc...
J'ai une derniere carte à jouer. En cherchant sur le net, j'ai trouvé ""koken.me". Il semblerait que se soit un cms fait pour les galeries photos.
Alors je me demandais si on peut intégrer un cms dans cmsms ?
Je vous mais l'adresse de mon site avec les photos pour que vous jetiez un oeil au besoin :
dauphine-stores.fr/realisations.htm
( il est claire que ca fait pas trop professionnel, mais j'ai pas réussi à faire mieux que ca ! )
Importation d'une galerie web via lightroom - Jean le Chauve - 05/02/2015
Met cette page en "active", mais coche l'option ne pas afficher dans le menu et ajoute dans la head :
Code :
<meta name="robots" content="noindex">Importation d'une galerie web via lightroom - jay711 - 05/02/2015
Je te met le lien sans les www. car je ne peux pas mettre de lien direct vu que je n'ai pas 15 messages à mon actif ! :
dauphine-stores.fr/gallery/test-lightroom/247.htm
J'ai aps saisi par contre ta demande " met cette page en active" avec le code...
Importation d'une galerie web via lightroom - Jean le Chauve - 05/02/2015
Bon, il y a du boulot...
En voyant le code source de la page, je peux me rendre compte que tu as copié l'intégralité du fichier Index.html dans la partie html du module gallery (y comprit la doctype) et que les javascript update.js et png.js n'ont pas été mis entre {litteral} et {/literal}.
Les chemins des fichiers sont incorrects.
J'ai bien peur que tu n'y arriveras pas dans un délai raisonnable, comme l'a dit Ouik.
Les cms ne sont pas faits pour être imbriqués l'un dans l'autre.
Importation d'une galerie web via lightroom - jay711 - 05/02/2015
mdrr..
Oui je me disais bien que c'etait trop facile de tout recopier sans distinction !
Bon ben laisse tomber, je vais me contenter de faire de petits diapos. Je n'ai pas suffisamment de temps pour me plonger dans l'apprentissage de code.
Je vais me résoudre à faire des devis pour que quelqu'un le fasse et éventuellement me montre une facon simple de réaliser ce que je souhaite. Et j'en profiterais pour faire des améliorations
Merci quand même de m'avoir aidé, c'est cool!
Importation d'une galerie web via lightroom - Ouik - 05/02/2015
Non mais c'est pourtant simple : tu installes le module Gallery, tu y importes tes photos, tu places le tag {Gallery} dans la page de CMSMS où tu veux la voir apparaître, et voilà !
Importation d'une galerie web via lightroom - Jean le Chauve - 05/02/2015
En ayant regardé https://helpx.adobe.com/lightroom/help/web-gallery-layouts.html, si c'est bien l'application que tu as, je pense que tu devrais prendre une autre manière de procéder.
Oublie le module Gallery et crée tout simplement une nouvelle page "galerie" dans le cms. Mais, ne définis pas son type comme "contenu", mais comme "lien" vers Index.html. Je te conseille quand même de renommer ce fichier autrement et de rajouter un lien pour que l'internaute puisse revenir sur le cms.
Comme cela, tu n'as pas besoin de "coder"
