Custom Slideshow image size overwritten

Hi there,

I have followed Jordan Lev's excellent tutorial on how to build a custom slideshow block ( This is my first attempt at using c5 and creating a custom block, so to be able to get it done in an hour or so was credit to the explanation in the tutorial. I've asked this question over at the tutorial page but it's extremely urgent and I've not had any help so far.

I have adapted RoyalSlider ( for use in c5, but one problem I'm having is to do with the image sizes. I usually use this plugin on static sites to achieve a full-screen responsive background image slider, that fills the screen and centres no matter what the resolution/viewport size. I have managed to get the block working and referencing a file set, but the images show up at their original size rather than stretching to fill the window. The 'fill' is triggered by a jQuery option which obviously changes the style of each image dynamically, but I think that the size options (original size etc) presented to the user are overriding this. I've tried removing chunks of code related to the width/height of the image from the blocks controller.php but it just returns errors as I'm a bit of a php noob. I know that the jQuery options that include the 'fill' setting are active and working because the slider autoscrolls, which is another of the options. So in my mind it must be the 'size options' that I'm forced to select in the front end disrupting it.

Here is the blocks view.php:

Here is the blocks controller.php:

I would love it if someone could point me in the right direction, as I'm really at a loose end with this!

Many thanks

View Replies:
Steevb replied on at Permalink Reply
maze replied on at Permalink Reply
The client requires touch/swipe for mobile devices and tablets and none of these sliders have that functionality. We are trying to save on costs by creating our own block slider, so it's frustrating that it's working perfectly apart from the image size issue.

It's time critical though, so it looks like I'm going to have to just buy the Dojo Supersized addon, then try to add touch/swipe with jQuery on top.
Steevb replied on at Permalink Reply
Why would you want to swipe a background image?

Have you looked at:
maze replied on at Permalink Reply
Sorry, I probably haven't been clear enough. I've got a 'show gallery' button that brings the slideshow background to the fore, allowing the user to flick through the images relevant to that page/offer/destination.
Steevb replied on at Permalink Reply
Similar to this project I developed for a client?

Click on 'View Project Gallery'
maze replied on at Permalink Reply
Yeah fairly similar. But on this the 'show gallery' just fadeToggle's the content above the background, then the user can grab swipe/touch swipe or just use the arrows to flick through the images rather than thumbnails. Here's the slider I'm trying to adapt you can see the core functionality there.
juddc replied on at Permalink Reply
Wow. You got Royalslider working as a block? Does it work just as a regular slider? I'd love to have RS working as a C5 block.
Elstud replied on at Permalink Reply
Hello Maze, What about RoyalSlider for Concrete 5.
Do you have a correct block now ?
I am looking for this.
I need a slider with link on image.

Thank you