How I can make image display in content responsive

Phoca Gallery - image gallery extension
ofinet
Phoca Member
Phoca Member
Posts: 30
Joined: 15 Jul 2011, 15:21
Location: UK
Contact:

How I can make image display in content responsive

Post 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
:?:
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48800
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: How I can make image display in content responsive

Post 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
If you find Phoca extensions useful, please support the project
ofinet
Phoca Member
Phoca Member
Posts: 30
Joined: 15 Jul 2011, 15:21
Location: UK
Contact:

Re: How I can make image display in content responsive

Post 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.
User avatar
jackprince
Phoca Member
Phoca Member
Posts: 21
Joined: 04 Apr 2013, 11:12
Location: Leipzig, Germany

Re: How I can make image display in content responsive

Post by jackprince »

You would have to edit the view template part which is loaded by this string.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48800
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: How I can make image display in content responsive

Post 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
If you find Phoca extensions useful, please support the project
ofinet
Phoca Member
Phoca Member
Posts: 30
Joined: 15 Jul 2011, 15:21
Location: UK
Contact:

Re: How I can make image display in content responsive

Post 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
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48800
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: How I can make image display in content responsive

Post 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
If you find Phoca extensions useful, please support the project
Post Reply