smoothGallery-SET Integration in phpwcms

If you have created additional (non official) documentation or tutorials or something like that please post this here
pepe
Posts: 3954
Joined: Mon 19. Jan 2004, 13:46

smoothGallery-SET Integration in phpwcms

Post by pepe »

Ich habe mir heute mal etwas "Freigang" verschafft und schnell mal heimlich auf dem Computer von Oberschwester Rabiata experimentiert... ( Die Gute ist auf Exerzitien im Mutterhaus... ich gönne sie ihr :wink: )


Die smoothGallery mit dem ContentPart Bilder spezial klappte ja mittlerweile auf allen Plattformen (soweit getestet werden konnte): http://forum.phpwcms.org/viewtopic.php? ... 38&start=0

Beispiel: http://webdesign-dp.de/pepes-sandbox/in ... spezial-hm

Dabei sind auch Bilderlinks zu internen und externen URLs ohne Probleme möglich (zumindest hat es bei mir geklappt :wink: )


Jetzt habe ich die smoothGallery erweitert, so daß auch SETs möglich sind, das heißt, innerhalb eines Fensters können mehrere DiaShows abgelegt und ausgewählt werden.

Beispiel: http://webdesign-dp.de/pepes-sandbox/in ... er-spezial

Dazu wird für jede Diashow ein eigener ContentPart Bilder spezial verwendet... allerdings ist nur ein Template erforderlich.
Über EFFEKT 1 bis EFFEKT 3 wird unterschieden, ob es sich um die 1. DiaShow, eine n. DiaShow oder die letzte DiaShow im Paket handelt.

Das geht schneller, als man das schreiben kann... jemand interessiert?


Vielleicht kann ich in der kommenden Woche ja noch mal unbemerkt an den PC........
Danach sieht es ganz schlecht aus, denn man hat mir die Tastatur konfisziert... aus therapeutischen Gründen!
Ich kann also nur noch per Maus Surfen und LESEN, nix mehr SCHREIBEN :(

Ich darf mich künftig nicht mehr so aufregen :evil: und PC ist reines GIFT, phpwcms sogar der TOD... sagt meine besorgte Oberschwester Rabiata :(

Tja, aus der Traum für mich von Version 2.0... ich hatte es kommen sehen :(

OK, Freunde, das wars also...
Jetzt geh ich noch mal schnell in den grossen Saal... da ist heute Sitztanz bis 24:00 Uhr :lol: :lol: :lol:
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: smoothGallery-SET Integration in phpwcms

Post by update »

pepe wrote:Das geht schneller, als man das schreiben kann... jemand interessiert?
ja
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
mseydel
Posts: 37
Joined: Sat 15. Jan 2005, 23:33

Re: smoothGallery-SET Integration in phpwcms

Post by mseydel »

Hallo Pepe,
Das geht schneller, als man das schreiben kann... jemand interessiert?
Ich (auch)

Matthias
pepe
Posts: 3954
Joined: Mon 19. Jan 2004, 13:46

Re: smoothGallery-SET Integration in phpwcms

Post by pepe »

Ich konnte mich noch mal schnell in den PC von Oberschwester Rabiata reinschmuggeln... :lol:

Hier also die nötigen Informationen:

Zur Realisierung der SmoothGallery habe ich mir auch dafür das Scriptpaket von dieser Site besorgt:
http://smoothgallery.jondesign.net/what/

Im Downloadbereich hatte ich mich dann für diese Version entschieden:
Using Mootools 1.11 ?
Download the stable version compressed archive (including mootools v1.11) (recommended too)


Und war diesem Link gefolgt:
Zip Format
Download JonDesign's Smooth Gallery 2.0 in Zip Format (recommended if you are using windows)

http://smoothgallery.jondesign.net/mint ... ry-2.0.zip

An welcher Stelle in der phpwcms Paket ich die einzelnen Dateien abgelegt habe, ist aus nachfolgend Script zu ersehen:

Den img-Ordner mit allen Background-Images und Icons habe ich zusaetzlich unterhalb des css-Ordners abgelegt:
.../template/inc_js/smoothgallery/css/img/

Dieses Template selber ist abzulegen als:
smoothgallery-set_image-special.tmpl

Innerhalb der Dateistruktur von phpwcms anschliessend hier zu finden:
.../template/inc_cntpart/imagespecial/smoothgallery-set_image-special.tmpl


Damit sollte auch der weniger geuebte phpwcms-User eigentlich klar kommen.

--------------------------------------------------------------------

Das folgende Template kann komplett abgespeichert werden, dann hat man alles bei der Hand.
Wenn alles klappt, wird dann ausgelichtet, nicht vorher!


Template: ...../template/inc_cntpart/imagespecial/smoothgallery-set_image-special.tmpl

Code: Select all

============================================================================
Dieses Template ist abzuspeichern unter:

...../template/inc_cntpart/imagespecial/smoothgallery-set_image-special.tmpl
============================================================================

Zur Realisierung der SmoothGallery habe ich mir das Scriptpaket von dieser Site besorgt:
http://smoothgallery.jondesign.net/what/


Im Downloadbereich hatte ich mich dann für diese Version entschieden:

Using Mootools 1.11 ?
Download the stable version compressed archive (including mootools v1.11) (recommended too)


Und war diesem Link gefolgt:

Zip Format
Download JonDesign's Smooth Gallery 2.0 in Zip Format (recommended if you are using windows) 

http://smoothgallery.jondesign.net/mint/pepper/tillkruess/downloads/tracker.php?uri=http%3A//smoothgallery.jondesign.net/files/SmoothGallery-2.0.zip


An welcher Stelle in der phpwcms Paket ich die einzelnen Dateien abgelegt habe, ist aus nachfolgend Script zu ersehen:

Den img-Ordner mit allen Background-Images und Icons habe ich zusaetzlich unterhalb des css-Ordners abgelegt:
.../template/inc_js/smoothgallery/css/img/


Dieses Template selber ist abzulegen als: 
smoothgallery-set_image-special.tmpl

Innerhalb der Dateistruktur von phpwcms anschliessend hier zu finden:
.../template/inc_cntpart/imagespecial/smoothgallery-set_image-special.tmpl


Damit sollte auch der weniger geuebte phpwcms-User eigentlich klar kommen.


--------------------------------------------------------------------

Wichtig
- Jede Diashow bekommt ein eigenen ContentPart: "Bilder spezial"

Im CP "Bilder spezial" sind einzutragen:
- ContentPart - TITEL : Titel der Diashow (optional aber sinnvoll)
- ContentPart - SUBTITEL: 2. Zeile des Informationsbereichs (optional ggf. Copyrightangaben fuer diese Show)

- Die gewuenschen Bilder sind aus der Dateizentrale von phpwcms auszuwaehlen (zweimal das selbe Bild!)

- Bildunterzeile:   zufuegen wenn gewuenscht  = Bildtitel
- Infotext:         zufuegen, wenn gewuenscht = Titleanzeige bei Mouseover
- URL:              zufuegen, wenn ein Bilder-Link gewuenscht (Anzeige immer im selben Fenster)

- Template waehlen: smoothgallery-set_image-special.tmpl (fuer alle verwendeten CPs = DiaShows identisch)
- Abmessungen der Bilder des Sliders eintragen (bei mir sind das 100x75px und 800x450px )

- Verhalten:        "Klick vergroessern" muss aktiviert sein!

- Effekt Schalter muessen nun abhaengig von der Position der Show im Set aktiviert werden

- EFFECT 1 : Bei der ERSTEN Diashow         = erster  ContentPart  "Bilder spezial"
- EFFECT 2 : Alle weiteren Diashows im Set  = weitere ContentParts "Bilder spezial"
- EFFECT 3 : Bei der LETZTEN Diashow        = letzter ContentPart  "Bilder spezial"

- Unbedingt darauf achten, das (LEDIGLICH) ein Effektschalter entsprechend gesetzt ist!


Zusaetzliche Moeglichkeiten:

- Die CSS-Datei des Sliders ggf. bezueglich des Finetunings ueberarbeiten...
- Im Template ggf. einige Einstellungen und damit die Funktionalität der smoothGallery anpassen

============================================================================
============================================================================


<!--IMAGES_HEADER_START//-->
[EFFECT_1][PHP]

// CSS-Datei ist abgelegt unter .../template/inc_css/specific/jd.gallery800x450.css
// $GLOBALS['block']['css']['smooth']                           = 'specific/jd.gallery800x450.css';

// CSS-Datei ist abgelegt unter .../template/inc_js/smoothgallery/css/jd.gallery800x450.css
   $GLOBALS['block']['custom_htmlhead']['smoothgallery.css']    = '<!-- SmoothGallery aktivieren -->'.LF.'  <link href="'.TEMPLATE_PATH.'inc_js/smoothgallery/css/jd.gallery800x450.css" rel="stylesheet" type="text/css" media="screen" />';

// "mootools.v1.11.js" muss auf dem Server umbenannt werden in "mootools.js", sonst wuerden 2 Versionen von mootools geladen!
   $GLOBALS['block']['custom_htmlhead']['mootools.js']          = '  <script src="'.TEMPLATE_PATH.'inc_js/mootools/mootools.js" type="text/javascript"></script>';

// Alternative, wenn zwei "mootools" Versionen geladen werden duerfen
// $GLOBALS['block']['custom_htmlhead']['mootools.v1.11.js']    = '  <script src="'.TEMPLATE_PATH.'inc_js/smoothgallery/scripts/mootools.v1.11.js" type="text/javascript"></script>';

   $GLOBALS['block']['custom_htmlhead']['jd.gallery.js']        = '  <script src="'.TEMPLATE_PATH.'inc_js/smoothgallery/scripts/jd.gallery.js" type="text/javascript"></script>';
   $GLOBALS['block']['custom_htmlhead']['jd.gallery.set.js']    = '  <script src="'.TEMPLATE_PATH.'inc_js/smoothgallery/scripts/jd.gallery.set.js" type="text/javascript"></script>'.LF;

[/PHP]
<!-- START: PEPEs smoothgallery-set_image-special.html ========== ========== ========== -->

<script type="text/javascript">
   function startGallery() {
      var myGallerySet = new gallerySet($('myGallerySet'), {
        
      startWithSelector: true,           // true = GallerieSet beim Laden der Seite anzeigen 

      timed: true,                       // true = Autostart des Sliders beim Laden der Seite aktivieren 
         delay: 9000,                    // 9000 = Zykluszeit pro Bild in Millisekunden
         fadeDuration: 500,              //  500 = Ueberblenddauer in Millisekunden
         defaultTransition: "fade",      // fade = Standard-Uebergangsart der Diashow 

         showArrows: true,               // true = Pfeile (vor und zurueck) anzeigen/aktivieren

      embedLinks: true,                  // true = Image-Link aktivieren

      showInfopane: true,                // true = Informationsanzeige fuer die einzelne Bild 
         slideInfoZoneSlide: true,       // true = Informationsbereich dynamisch von unten in das Bild hinenschieben
         slideInfoZoneOpacity: 0.7,      //  0.7 = Tranzparenz der Infoanzeige
        
         preloader: true,                // true = Preload aktivieren
         preloaderImage: true,           // true = Funktionsanzeige wenn Preload erfolgt
         preloaderErrorImage: true,      // true = Preload-Fehler anzeigen, wenn vorhanden

      showCarousel: true,                // true = Thunbnail-Auswahl anzeigen
         carouselMinimizedOpacity: 0.5,  //  0.5 = Tranzparenz der Thumbs  
         carouselMinimizedHeight: 20,    //   20 = Hoehe der Thumbs-Leiste in zusammengeklappten Zustand 
         carouselMaximizedOpacity: 0.7,  //  0.7 = 

         thumbWidth: 100,                //  100 = Anzeigebreite der Thumbs in der Show
         thumbHeight: 75,                //   75 = Anzeigehoehe
         thumbSpacing: 10,               //   10 = Abstand der einzelnen Thumbs
         thumbIdleOpacity: 0.5,          //  0.5 = Tranzparenz der Thumbs

         showCarouselLabel: true,        // true = 
         thumbCloseCarousel: true,       // true = 

         carouselHorizontal: true,       // true = 
         activateCarouselScroller: true, // true = 
         carouselPreloader: true,        // true = 

      /* Texte fuer die Steuerelemente */
         textGallerySelector:     'Welche Diashow soll es denn sein?',
         textGalleryInfo:         '{0} Fotos',
         textShowGallerySelector: '&laquo; Diashow Auswahl &raquo;',
         textShowCarousel:        '&laquo; Fotos &raquo;',
         textPreloadingCarousel:  'Vorschaubilder laden...',

      /* Nachfolgende Manipulations-Moeglichkeiten sind eher etwas fuer "Koenner" */
      
      /* verwendete CSS Klassen */
         baseClass:               'jdGallery',
         withArrowsClass:         'withArrows',

         gallerySelector:         "div.galleryElement",
         galleryTitleSelector:    "h2",

         elementSelector:         "div.imageElement",
         titleSelector:           "h3",
         subtitleSelector:        "p",
         linkSelector:            "a.open",
         imageSelector:           "img.full",
         thumbnailSelector:       "img.thumbnail"

      });
   }
   window.onDomReady(startGallery);
// window.addEvent('domready', startGallery);
</script>

<div id="pepes-smoothGallerySet">
   <div id="myGallerySet">

      <div id="gallery{ID}" class="galleryElement">
         <h2>{TITLE}[TITLE_ELSE]&#160;[/TITLE_ELSE]</h2><!-- Titel der Slideshow aus ContentPart: {ID} -->[/EFFECT_1][EFFECT_2]
      </div><!-- /galleryElement :: Ende der Gallery -->
      
      <div id="gallery{ID}" class="galleryElement">
         <h2>{TITLE}[TITLE_ELSE]&#160;[/TITLE_ELSE]</h2><!-- Titel der Slideshow aus ContentPart: {ID} -->[/EFFECT_2][EFFECT_3]
      </div><!-- /galleryElement :: Ende der Gallery -->
      
      <div id="gallery{ID}" class="galleryElement">
         <h2>{TITLE}[TITLE_ELSE]&#160;[/TITLE_ELSE]</h2><!-- Titel der Slideshow aus ContentPart: {ID} -->[/EFFECT_3]
<!--IMAGES_HEADER_END//-->


<!--IMAGES_ENTRY_START//-->
         <div class="imageElement">
            <h3>{CAPTION}[CAPTION_ELSE]&#160;[/CAPTION_ELSE]</h3>
            <p>{SUBTITLE}[SUBTITLE_ELSE]&#160;[/SUBTITLE_ELSE][PHP]/* (c) 2009 by xxx - all rights reserved - oder nur &#160; */[/PHP]</p>
            <a href="{IMAGE_URL}[IMAGE_URL_ELSE]#[/IMAGE_URL_ELSE]" class="open"{IMAGE_TARGET} title="{INFOHTML}" ></a>
            <img src="{IMAGE_REL}" class="full" alt="{CAPTION}" />
            <img src="{THUMB_REL}" class="thumbnail" alt="{CAPTION}" />
         </div><!-- /imageElement -->
<!--IMAGES_ENTRY_END//-->


<!--IMAGES_ENTRY_SPACER_START//--><!--IMAGES_ENTRY_SPACER_END//-->
<!--IMAGES_ROW_SPACER_START//--><!--IMAGES_ROW_SPACER_END//-->


<!--IMAGES_FOOTER_START//-->
      [EFFECT_3]</div><!-- /galleryElement :: Ende der letzten Gallery -->

   </div><!-- //myGallerySet -->
</div><!-- //pepes-smoothGallerySet -->

<!-- STOP: PEPEs smoothgallery-set_image-special.html ========== ========== ========== -->
[/EFFECT_3]
<!--IMAGES_FOOTER_END//-->
CSS-Datei: ...../template/inc_js/smoothgallery/css/jd.gallery800x450.css

Code: Select all

/* ================================================================= */
/* jd.gallery800x450.css :: Basiert auf dem Original der Version 2.0 */
/* ================================================================= */

#pepes-smoothGallery { 
   text-align: center;
padding: 10px; 
}

#pepes-smoothGallerySet { 
   text-align: center;
padding: 10px; 
}

#myGallery, 
#myGallerySet, 
#flickrGallery {
	width: 460px; height: 345px;
width:  800px; height: 450px;
	z-index:5;
	border: 1px solid #000;
border: 3px double #ccc;

margin: 0 auto;
}


#flickrGallery {
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, 
#myGallerySet img.thumbnail {
	display: none;
}


.jdGallery {
	overflow: hidden;
	position: relative;
}

.jdGallery img {
	border: 0;
	margin: 0;
}

.jdGallery .slideElement {
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}


.jdGallery .slideInfoZone {
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone {
	bottom: -1px;
}

.jdGallery .slideInfoZone h2 {
	padding: 0;
	font-size: 80%;
font-size: 100%;
font-size: 12px;
	margin: 0;
margin: 5px 5px 5px;
	font-weight: bold;
	color: inherit;
/* color:RED; */
}

.jdGallery .slideInfoZone p {
	padding: 0;
	font-size: 60%;
font-size: 9px;
	margin: 0px 5px 2px;
	color: #eee;
/* color:YELLOW; */
}


.jdGallery div.carouselContainer {
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn {
	position: absolute;
	bottom: 0;
	right: 30px;
right: 0px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel {
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel {
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, 
.jdExtCarousel .carouselWrapper {
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, 
.jdExtCarousel .carouselInner {
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, 
.jdExtCarousel .carouselInner .thumbnail {
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, 
.jdExtCarousel .wall .thumbnail {
	margin-bottom: 10px;
}

.jdGallery .carousel .label, 
.jdExtCarousel .label {
	font-size: 13px;
font-size: 11px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, 
.jdExtCarousel .wallButton {
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, 
.jdExtCarousel .label .number {
	color: #b5b5b5;
}

.jdGallery a {
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, 
.jdGallery a.left {
	position: absolute;
	height: 99%;
	width: 25%;
width: 40%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, 
* html .jdGallery a.left {
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, 
.jdGallery a.left:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left {
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { 
   background: url('img/fleche1.gif') no-repeat center left; 
}

.jdGallery a.right {
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { 
   background: url('img/fleche2.gif') no-repeat center right; 
}

.jdGallery a.open {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open {
	position: absolute;
	top: 0;
	left: 25%;
left: 40%;
	height: 99%;
	width: 50%;
width: 20%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { 
   background: url('img/open.png') no-repeat center center; 
}

* html .withArrows a.open:hover { 
   background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); 
}
	
	

/* Gallery Sets ========== ========== ========== */

.jdGallery a.gallerySelectorBtn {
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
left: 0px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .6;
	-moz-opacity: .6;
	-khtml-opacity: 0.6;
	filter:alpha(opacity=60);
}

/* Gesamtbereich des Selektor-Menues */
.jdGallery .gallerySelector {
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

/* Ueberschrift des Selektor-Menues */
.jdGallery .gallerySelector h2 {
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper {
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover {
	background: #333;
}

/* Das angezeigte Icon */
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}
 
/* Anzahl der Bilder */
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
color: #666;
}
Und wenn es dann läuft, sollte es so aussehen: http://webdesign-dp.de/pepes-sandbox/in ... er-spezial

Sowohl eine externe wie die interne HTML-Validierung zeigen GRÜN... das sollte also klappen.
Oder hat einer der Experimentierwilligen Probleme?
Dann bitte melden, vielleicht komm ich ja noch mal an den PC ?


Uiiiii ich höre Schritte... nix wie raus hier! Das gibt garantiert Ärger... :? :? :?
User avatar
pSouper
Posts: 1552
Joined: Tue 11. Nov 2003, 15:45
Location: London
Contact:

Re: smoothGallery-SET Integration in phpwcms

Post by pSouper »

Hi Pepe,
I have looked at your smoothgallery integration and just as I think this would be cool (thanks for the hard work) I find that the link to jondesign is down - would you be able to email a link to a version of smoothgallery that you have? or email me the scripts ? thanks Pepe.
Last edited by pSouper on Tue 13. Oct 2009, 16:54, edited 1 time in total.
pepe
Posts: 3954
Joined: Mon 19. Jan 2004, 13:46

Re: smoothGallery-SET Integration in phpwcms

Post by pepe »

Hi pSouper

it's a long time ago... that i have seen you in the phpwcms-forum ;-)

Have a look into your mailbox ... the complete package of the smoothgallery as ZIP file :D
User avatar
pSouper
Posts: 1552
Joined: Tue 11. Nov 2003, 15:45
Location: London
Contact:

Re: smoothGallery-SET Integration in phpwcms

Post by pSouper »

Hi Pepe - it feels like a lifetime - I still use phpWCMS as the default CMS and work with it every day. In fact I start a new site with it at least twice a month.

I didn't think many here would remember me from all that time ago - you must have a memory like an elephant :) - i trust the rest of you is in good shape.

I met with OG for the day in London and we walked and talked our way through the streets and park of the city until he had to fly back home - it was a good day.

many thanks for the attachment :) - i shall report back once the site has a nice new gallery ;)
User avatar
pSouper
Posts: 1552
Joined: Tue 11. Nov 2003, 15:45
Location: London
Contact:

Re: smoothGallery-SET Integration in phpwcms

Post by pSouper »

You anyone else looking for these files, I have hosted them here
User avatar
pSouper
Posts: 1552
Joined: Tue 11. Nov 2003, 15:45
Location: London
Contact:

Re: smoothGallery-SET Integration in phpwcms

Post by pSouper »

also; - as I can't even read German after it has been shreded byb the google translator I am not sure if this has been mentioned in the docs but...
To make it work you MUST set the config/phpwcms/conf.inc.php value $phpwcms['allow_cntPHP_rt'] = 1; //allow PHP replacement tags and includes in content parts
pepe
Posts: 3954
Joined: Mon 19. Jan 2004, 13:46

Re: smoothGallery-SET Integration in phpwcms

Post by pepe »

pSouper wrote:...
To make it work you MUST set
config/phpwcms/conf.inc.php value $phpwcms['allow_cntPHP_rt'] = 1; //allow PHP replacement tags and includes in content parts
OK pSouper, you are right, i will add it to the "documentation" next time :wink:

But the GREAT question now: Is it running 4 u ???
User avatar
pSouper
Posts: 1552
Joined: Tue 11. Nov 2003, 15:45
Location: London
Contact:

Re: smoothGallery-SET Integration in phpwcms

Post by pSouper »

I actually couldn't use it for the client i had in mind so I added a 'columns' field to the reguslr 'rollover images' content part so that the thumbnails would not all be in one row but create a new row every n columns ((of course the thumbs sizes are caculated to fit the cp (width / n ) - border))

but I am now using it for a new client and it is quite lovely :) - thanks Pepe, i may turn it in to a new content part just so i can have all the javascript features set in the content part (+ a random image order too)
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: smoothGallery-SET Integration in phpwcms

Post by update »

pSouper wrote:I actually couldn't use it for the client i had in mind so I added a 'columns' field to the reguslr 'rollover images' content part so that the thumbnails would not all be in one row but create a new row every n columns ((of course the thumbs sizes are caculated to fit the cp (width / n ) - border))
How did you do that? Please get me involved in your secrets :)
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
User avatar
pSouper
Posts: 1552
Joined: Tue 11. Nov 2003, 15:45
Location: London
Contact:

Re: smoothGallery-SET Integration in phpwcms

Post by pSouper »

Hi clause,
sorry - forgive my secrecy - it wasn't intended. please find and use the following code under the same license as phpwcms...
rollover images cp - with columns

Basically - this is a HACK to the phpwcms source code and so WILL be over written when you upgrade phpwcms!

what does it do - it adds a column to the rollowver images then resizes the thumb nails to fit (as close as possible) the width set in the content part.

what it doesn't do.. it doesn't work for the 'vertical' setting - I simply haven't the need or time this week. i really should add this too as I'm sure it is only a few minutes work - that's an insight in to just how lazy i am :)

have fun guys and on keep using phpWCMS as your preferred CMS
.
phpwmario
Posts: 10
Joined: Tue 27. Dec 2005, 21:54

Re: smoothGallery-SET Integration in phpwcms

Post by phpwmario »

Hi pepe,

in my smoothGallery-Set I´ve got this java error:

Benutzer-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; .NET CLR 1.1.4322)
Zeitstempel: Mon, 23 Nov 2009 12:45:20 UTC
Meldung: Typkonflikt.
Zeile: 520
Zeichen: 4
Code: 0
URI: xyz/template/inc_js/smoothgallery/scripts/jd.gallery.js

The same on your Website.
URI: http://webdesign-dp.de/pepes-sandbox/te ... gallery.js

Any ideas to remove this error?

Greetings
Mario
User avatar
pSouper
Posts: 1552
Joined: Tue 11. Nov 2003, 15:45
Location: London
Contact:

Re: smoothGallery-SET Integration in phpwcms

Post by pSouper »

nope :(
you could look in your sites error.log file for a clue to the problem.
It is very likley to be a problem for jon himself @ http://smoothgallery.jondesign.net/
Post Reply