Jump to content

how to make Ps image slideshow responsive


Recommended Posts

hi, i replaced in my responsive template the template slideshow module with the default PS slideshow module:

there is a way i make this responsive?

i already delete in homeslider.tpl the width and height part of the images

	<a href="{$slide.url|escape:'htmlall':'UTF-8'}" title="{$slide.description|escape:'htmlall':'UTF-8'}">
			<img src="{$link->getMediaLink("`$module_dir`images/`$slide.image|escape:'htmlall':'UTF-8'`")}" alt="{$slide.legend|escape:'htmlall':'UTF-8'}" height="{$homeslider.height|intval}" width="{$homeslider.width|intval}" />
			</a>

but div.bx-window and <li> (the list items) has still fixed width

Link to comment
Share on other sites

by default bx slider is responsive,

check this: http://bxslider.com/options

 

i added responsive option in

modules\homeslider\js\homeslider.js


$(function(){

	if (typeof(homeslider_speed) == 'undefined')
		homeslider_speed = 500;
	if (typeof(homeslider_pause) == 'undefined')
		homeslider_pause = 3000;
	if (typeof(homeslider_loop) == 'undefined')
		homeslider_loop = true;

	$('#homeslider').bxSlider({
		infiniteLoop: homeslider_loop,
		hideControlOnEnd: true,
		pager: true,
		autoHover: true,
		auto: homeslider_loop,
		speed: homeslider_speed,
		pause: homeslider_pause,
		controls: false,
		responsive:true;
	});
});

but i didnt notice any difference..

why the module isnt resposive if by default it is so?

 

edit: actually i think im editing the wrong file: i tried to set pager:false and i still see the pager...

Edited by alfredopacino (see edit history)
Link to comment
Share on other sites

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...