Page 1 of 2

Slideshow maken 2.1.2

Posted: Thu Mar 24, 2016 12:09 pm
by sjoerdd87
Hallo allemaal,

Na heel wat zoekwerk blijkt dat de showtime module (nog) niet is aangepast aan versie 2.X.
Nu lees ik op het forum dat het ook mogelijk is via de Gallery module.

Kan iemand mij hiermee op weg helpen?

Heb ook al gekeken op http://pmkmedia.nl/news/32/88/CMSMS-Sli ... o-template

Maar ik krijg het niet werkend.

Alvast bedankt.

Re: Slideshow maken 2.1.2

Posted: Thu Mar 24, 2016 12:30 pm
by pasmaskas
Klopt de slider heeft even ene klein probleempje met cmsms 2.0 hij werk wel alleen met een error.

Re: Slideshow maken 2.1.2

Posted: Thu Mar 24, 2016 12:34 pm
by sjoerdd87
pasmaskas wrote:Klopt de slider heeft even ene klein probleempje met cmsms 2.0 hij werk wel alleen met een error.
Oke, kan je mij misschien op weg helpen met een slideshow in gallery te maken?

Heb nu het volgende ook al geprobeerd:

Sjabloon Code:

Code: Select all

<ul class="rslides">
  <li><img src="http://thoklerverhuur.nl/uploads/images/Gallery/Thokler/1.jpg" alt=""></li>
  <li><img src="http://thoklerverhuur.nl/uploads/images/Gallery/Thokler/2.jpg" alt=""></li>
</ul>
Sjabloon CSS-stylesheet:

Code: Select all

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
Sjabloon JavaScript:

Code: Select all

<__script__ src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></__script>
<__script__ src="responsiveslides.min.js"></__script>

<__script__>
  $(function() {
$(".rslides").responsiveSlides({
  auto: true,             // Boolean: Animate automatically, true or false
  speed: 500,            // Integer: Speed of the transition, in milliseconds
  timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
  pager: false,           // Boolean: Show pager, true or false
  nav: true,             // Boolean: Show navigation, true or false
  random: false,          // Boolean: Randomize the order of the slides, true or false
  pause: false,           // Boolean: Pause on hover, true or false
  pauseControls: false,    // Boolean: Pause when hovering controls, true or false
  prevText: "Previous",   // String: Text for the "previous" button
  nextText: "Next",       // String: Text for the "next" button
  maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
  navContainer: "",       // Selector: Where controls should be appended to, default is after the 'ul'
  manualControls: "",     // Selector: Declare custom pager navigation
  namespace: "rslides",   // String: Change the default namespace used
  before: function(){},   // Function: Before callback
  after: function(){}     // Function: After callback
});
</__script>
Ik zie wel de afbeelding maar verder gebeurd er niks.

Re: Slideshow maken 2.1.2

Posted: Thu Mar 24, 2016 12:46 pm
by pasmaskas

Code: Select all

<__script__ src="responsiveslides.min.js"></__script>
Gat die naar het juiste pad waar het js bestand staat? in dit geval in de root.

Re: Slideshow maken 2.1.2

Posted: Thu Mar 24, 2016 1:00 pm
by pasmaskas
Link: http://huiskamer.t-beaune.nl/slider.zip

Upload de mapjes uit de map root van de zip naar de root van je website.

Kopieer de inhoud van "header html code.html" naar de <head></head>van je normale cmsms template.

en stylecss.css in een stylesheet en koppel aan je template.

Gallery-tpl-Huiskamer.xml voeg je toe aan de templates in gallery en je slider moet werken.

P.S Reactie op je PM (Je had het ook hier mogen plaatsen ;) )

Re: Slideshow maken 2.1.2

Posted: Thu Mar 24, 2016 1:04 pm
by sjoerdd87
pasmaskas wrote:

Code: Select all

<__script__ src="responsiveslides.min.js"></__script>
Gat die naar het juiste pad waar het js bestand staat? in dit geval in de root.
Nee inderdaad, inmiddels aangepast maar nog niet werkend.

Re: Slideshow maken 2.1.2

Posted: Thu Mar 24, 2016 1:14 pm
by sjoerdd87
pasmaskas wrote:Link: http://huiskamer.t-beaune.nl/slider.zip

Upload de mapjes uit de map root van de zip naar de root van je website.

Kopieer de inhoud van "header html code.html" naar de <head></head>van je normale cmsms template.

en stylecss.css in een stylesheet en koppel aan je template.

Gallery-tpl-Huiskamer.xml voeg je toe aan de templates in gallery en je slider moet werken.

P.S Reactie op je PM (Je had het ook hier mogen plaatsen ;) )
Werkt inmiddels wel, maar heb geen navigatie? zodra ik op een foto klik krijg ik een popup van de foto.

Re: Slideshow maken 2.1.2

Posted: Thu Mar 24, 2016 1:31 pm
by pasmaskas
Navigatie zit links en rechts van de afbeelding. als je op e afbeelding klikt is het een link. De titel en de beschrijving zijn omgedraaid in cmsms omdat dat zo het beste uitkwam. En heb dit ook gewijzigd via deze weg:http://forum.cmsmadesimple.org/viewtopic.php?t=38912

Heb je toevallig ene link naar de pagina?

Re: Slideshow maken 2.1.2

Posted: Mon May 09, 2016 1:16 pm
by dondion
Ik ondervind ook problemen met het maken van een slideshow.
Showtime2 krijg ik niet werkend als ik kies voor de jquery slider of de nivo slider.

Ook de oplossing van pasmaskas geprobeerd met de huiskamer.tpl maar ook daarmee lukt het niet.

Enig idee?

Zie onderstaand mijn website specs:

ps. ik heb showtime2 na niet werken weer verwijderd

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

Cms Version: 2.1.3

Installed Modules:

AdminSearch: 1.0.1
CGCalendar: 1.15.8
CGExtensions: 1.52.2
CGSimpleSmarty: 2.0.5
CGSmartImage: 1.21
CMSContentManager: 1.1
DesignManager: 1.1.1
FileManager: 1.5.2
Gallery: 2.1.4
MicroTiny: 2.0.3
ModuleManager: 2.0.2
Navigator: 1.0.3
News: 2.50.5
Search: 1.50.2


Config Information:

php_memory_limit:
max_upload_size: 128000000
url_rewriting: none
page_extension:
query_var: page
auto_alias_content: true
locale:
set_names: true
timezone: Europe/Amsterdam
permissive_smarty: false


Php Information:

phpversion: 5.6.20
md5_function: Aan (Waar)
json_function: Aan (Waar)
gd_version: 2
tempnam_function: Aan (Waar)
magic_quotes_runtime: Uit (Onwaar)
E_ALL: 24567
E_STRICT: 2048
E_DEPRECATED: 0
test_file_timedifference: Geen tijdsverschillen gevonden
test_db_timedifference: Geen tijdsverschillen gevonden
create_dir_and_file: 1
memory_limit: 1024M
max_execution_time: 300
register_globals: Uit (Onwaar)
output_buffering: 1
disable_functions:
open_basedir: /var/www/vhosts/domein.nl/:/tmp/
test_remote_url: Succes
file_uploads: Aan (Waar)
post_max_size: 21M
upload_max_filesize: 128M
session_save_path: Geen controle omdat 'open_basedir' actief is
session_use_cookies: Aan (Waar)
xml_function: Aan (Waar)
xmlreader_class: Aan (Waar)
check_ini_set: Aan (Waar)
curl: Aan


Performance Information:

allow_browser_cache: Uit (Onwaar)
browser_cache_expiry: 60
php_opcache: Aan (Waar)
smarty_cache: Uit (Onwaar)
smarty_compilecheck: Uit (Onwaar)
smarty_cache_udt: Uit (Onwaar)
auto_clear_cache_age: Aan (Waar)

Server Information:

Server Software: Apache
Server Api: cgi-fcgi
Server Os: Linux 2.6.32-573.12.1.el6.x86_64 Aan x86_64
Server Db Type: MySQL (mysqli)
Server Db Version: 5.5.49
Server Db Grants: Er is een "GRAND ALL" permissie gevonden, alles lijkt in orde.

Re: Slideshow maken 2.1.2

Posted: Mon May 09, 2016 1:28 pm
by Jos
Je hebt de Gallery module al geïnstalleerd. Daarmee kan je ook eenvoudig een slideshow maken, bijvoorbeeld met de Cycle template.

Re: Slideshow maken 2.1.2

Posted: Mon May 09, 2016 1:38 pm
by dondion
Jos wrote:Je hebt de Gallery module al geïnstalleerd. Daarmee kan je ook eenvoudig een slideshow maken, bijvoorbeeld met de Cycle template.
Je hebt gelijk, alleen er gebeurt helemaal niets wanneer ik die (cycle) selecteer.
Ik zie 2 afbeeldingen onder elkaar staan maar er slide niets helaas.

Wat kan ik hiermee nog meer proberen? Ik krijg geen foutmeldingen voor zover ik kan zien.

Re: Slideshow maken 2.1.2

Posted: Mon May 09, 2016 1:59 pm
by Jos
Kijk dan even in de html bron van de webpagina. Staat daar 2x een aanroep naar de jquery library? Dat mag maar 1 keer. Dan kan je die uit de gallerytemplate het beste verwijderen.

Re: Slideshow maken 2.1.2

Posted: Mon May 09, 2016 2:14 pm
by dondion
Ik zie daarin ook niets vreemd. Ik stuur je de betreffende link even in een PM. Indien je in de mogelijkheid bent, zou je dan een snelle blik willen/kunnen werpen?

Super bedankt alvast.

Re: Slideshow maken 2.1.2

Posted: Mon May 09, 2016 4:15 pm
by Jos
Ik heb je link ontvangen en zie zelfs drie keer een aanroep van de jQuery lib. Zie PM.

Re: Slideshow maken 2.1.2

Posted: Tue May 10, 2016 6:09 am
by dondion
Opgelost, hartelijk dank Jos.