smoothGallery-SET Integration in phpwcms
smoothGallery-SET Integration in phpwcms
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 )
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 )
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 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
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 )
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 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
Re: smoothGallery-SET Integration in phpwcms
japepe wrote:Das geht schneller, als man das schreiben kann... jemand interessiert?
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.
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.
Re: smoothGallery-SET Integration in phpwcms
Hallo Pepe,
Matthias
Ich (auch)Das geht schneller, als man das schreiben kann... jemand interessiert?
Matthias
Re: smoothGallery-SET Integration in phpwcms
Ich konnte mich noch mal schnell in den PC von Oberschwester Rabiata reinschmuggeln...
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
CSS-Datei: ...../template/inc_js/smoothgallery/css/jd.gallery800x450.css
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...
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: '« Diashow Auswahl »',
textShowCarousel: '« Fotos »',
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] [/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] [/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] [/TITLE_ELSE]</h2><!-- Titel der Slideshow aus ContentPart: {ID} -->[/EFFECT_3]
<!--IMAGES_HEADER_END//-->
<!--IMAGES_ENTRY_START//-->
<div class="imageElement">
<h3>{CAPTION}[CAPTION_ELSE] [/CAPTION_ELSE]</h3>
<p>{SUBTITLE}[SUBTITLE_ELSE] [/SUBTITLE_ELSE][PHP]/* (c) 2009 by xxx - all rights reserved - oder nur   */[/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//-->
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;
}
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...
Re: smoothGallery-SET Integration in phpwcms
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.
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.
Re: smoothGallery-SET Integration in phpwcms
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
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
Re: smoothGallery-SET Integration in phpwcms
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
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
Re: smoothGallery-SET Integration in phpwcms
You anyone else looking for these files, I have hosted them here
Re: smoothGallery-SET Integration in phpwcms
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
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
Re: smoothGallery-SET Integration in phpwcms
OK pSouper, you are right, i will add it to the "documentation" next timepSouper 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
But the GREAT question now: Is it running 4 u ???
Re: smoothGallery-SET Integration in phpwcms
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)
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)
Re: smoothGallery-SET Integration in phpwcms
How did you do that? Please get me involved in your secretspSouper 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))
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.
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.
Re: smoothGallery-SET Integration in phpwcms
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
.
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
.
Re: smoothGallery-SET Integration in phpwcms
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
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
Re: smoothGallery-SET Integration in phpwcms
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/
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/