Page 1 of 1

How I can make image display in content responsive

Posted: 26 Mar 2015, 21:01
by ofinet
Hi
I have got images displaying in with article content on the site, using this {pgslideshow id=1|width=720|height=360|delay=3000|image=L|imageordering=1}.

How will I make this display responsive for people viewing the site on smartphones? In essence to resize images for people using smartphones and fit into the screen, which is not the case at moment.

Any idea? please help
:?:

Re: How I can make image display in content responsive

Posted: 26 Mar 2015, 23:42
by Jan
Hi, the slideshow gets fixed images, to make it responsible, you need to customize it - to get some new techniques of responsive styling :idea:

Jan

Re: How I can make image display in content responsive

Posted: 27 Mar 2015, 23:28
by ofinet
How will I customise it? Give me an example how I will customise this {pgslideshow id=1|width=720|height=360|delay=3000|image=L|imageordering=1} to be responsive please.

Re: How I can make image display in content responsive

Posted: 28 Mar 2015, 14:24
by jackprince
You would have to edit the view template part which is loaded by this string.

Re: How I can make image display in content responsive

Posted: 28 Mar 2015, 14:26
by Jan
Hi, this is the code for the plugin, you need to open the php code of the plugin and customize html/css outputs and in this case the javascript too.

Or for example: https://www.phoca.cz/phoca-gallery-slide ... der-module - this module displays responsive slideshow - so you can somehow try to run this module in article - there were some utils for running modules in article in Joomla! I think it was the plugin loadmoduleposition which loaded the position of a module and if in this position the bxslider module will be set then it should run in article - try to see more information in Joomla! CMS documentation about running modules in articles :idea:

Jan

Re: How I can make image display in content responsive

Posted: 04 Apr 2015, 23:54
by ofinet
Hi Jan,
Thank you for suggesting an alternative "Phoca Gallery Slideshow bxSlider Module" that I tried but it does not fit in properly as I want it on the site. Reason being I want to manipulate it within an article, not as module.

If you could please give examples of php code to edit/customise in html/css and the javascript too, I will be very grateful.
Regard;
Ofinet

Re: How I can make image display in content responsive

Posted: 05 Apr 2015, 21:16
by Jan
Hi, this is what I have described - modules can work in articles too.

I didn't do such customization yet, so cannot give any clue advice about customization the php or javascript :idea:

Jan