mini gallery not responsive

More
13 years 1 month ago #33729 by rottenberg
hello
I'm using the mini gallery field.
Is there a way to get this field responsive ?

I give here the illustration of the gallery on 2 screens a wide one and a small one. On the small one the gallery is cut not resized.
[attachment=1:1l6igze9]<!-- ia1 -->good.jpg<!-- ia1 -->[/attachment:1l6igze9]

[attachment=0:1l6igze9]<!-- ia0 -->bad.jpg<!-- ia0 -->[/attachment:1l6igze9]

thank you

best regards
Michel

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #33734 by igcorreia
FC is not responsive yet. Not the templates and not the fields. We are working on it. The templates have already been migrated to html5 but the fields need to be upgrated.

In your case you cannot use minigallery rith from scracth to be responsive you need to tweeak it and even if you change the code if you are notcareful you are loading a desktop image in a tablet or mobile size.

we have are own fields and modules and template to be responsive but they are 100% custom made.

Can you share with me a link so I can point you in the rigth direction? or it is localhost?

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #33738 by micker
Replied by micker on topic mini gallery not responsive
maybe you can adapte widegetkit of yootheme to create your template !
use universal module to do this !
regards

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #33804 by rottenberg

Can you share with me a link so I can point you in the rigth direction? or it is localhost?


The version is localhost for the moment.

I have tested yootheme widgetkit. It seems a little bit complex for what I need.

I have found a module with a responsive display, but I need to adapt the images as the module displays all images from a directory.

With a few modifications I can display the values of the selected images for the article (Large ones).


I have created a gallery/image field and put it in the renderonly position of the template.
At the beginning of my template I have coded :
Code:
foreach ($this->fields['diaporama'] as $diaporama) { $_SESSION['diaporama'][] = $diaporama->display; }

I don't get the image value but all the html code needed to display an image.
I just need the image url.

How can I get the images urls ?

thank you for help
best regards
Michel

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #33806 by ggppdk
Replied by ggppdk on topic mini gallery not responsive
Hello,
please read this (new) FAQ article
About custom display of image / gallery field

I copied some contents of it below:

Extra display variable of image / gallery fields (always available) are:

Thumbnail URLs of first image only (all thumbnail sizes):

$item->fields->{"display_backend_src"}
$item->fields->{"display_small_src"}
$item->fields->{"display_medium_src"}
$item->fields->{"display_large_src"}
$item->fields->{"display_original_src"}


Thumbnail URLs of all images (gallery mode) (all thumbnail sizes)

$field->thumbs_src[]
$field->thumbs_src[]
$field->thumbs_src[]
$field->thumbs_src[]
$field->thumbs_src

Display Variables having HTML

display
display_small
display_medium
display_large
display_original

normally you can only use variable 'display', tocreate other variables use this:

FlexicontentFields::getFieldDisplay($this->item, 'fieldname');


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #33820 by rottenberg
thank you very much.

I have wroten this order for the image/gallery field call 'diaporama':
Code:
$diaporama = $this->fields['diaporama']->thumbs_src['large'];
and I get all the image in an array.

In the present version I couldn't get the original size. So I used the large thumbnails.


best regards

Michel

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #33821 by ggppdk
Replied by ggppdk on topic mini gallery not responsive
Yes,
present version does not have 'original' it was added to final version

-- Also there is a thought of adding support of minigallery slideshow into the image field too , as an alternative display, and also other JS galleries, but these are for a future version

About Responsive design:
-- If you use image / gallery field with thumbnails then design is responsive by default, since the thumbnails will fold by default to current width,

but NOTE the large thumbnail POPUP will not fit in small screen of e.g. smartphones user will have to scroll


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #33827 by micker
Replied by micker on topic mini gallery not responsive
maybe you can adapt maxislidesow of joomlahack and shareware it

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #33831 by rottenberg
I have not found maxislideshow.
I have taken wide slide from pixelpointcreative.

How I installed it :
1 - I have installed the module and activated it in a non used position.
I have not done any hack or adaption of the module.

In FC :

I have 2 fields :
- image : a classical image/gallery field
- Slideshow : a loadmodule field

In the FC template :
- image is in renderonly position
- Slideshow is in the description position. It could have been also in top or I think elsewhere in a a used position of the template.

In the source of the item_html5 of the template :

- I have copy the content of modular_html5.php from
tmpl_common.
- In the source of this copied template I have added at the beginning of the template :
the following code (about line 35)
Code:
JFactory::getDocument()->addStyleSheet(JURI::base().'components/com_flexicontent/assets/css/tabber.css'); $mainAreaTag = ( $this->params->get( 'show_page_heading', 1 ) && $this->params->get('page_heading') != $this->item->title && $this->params->get('show_title', 1) ) ? 'section' : 'article';
is replace by :
Code:
JFactory::getDocument()->addStyleSheet(JURI::base().'components/com_flexicontent/assets/css/tabber.css'); /* image to be used in the slideshow */ unset($_SESSION['diaporama']); $_SESSION['diaporama'] = $this->fields['image']->thumbs_src['large']; $mainAreaTag = ( $this->params->get( 'show_page_heading', 1 ) && $this->params->get('page_heading') != $this->item->title && $this->params->get('show_title', 1) ) ? 'section' : 'article';

This give an array with all images to be displayed in the module.

Then I use Rereplacer (nonumber.nl) to replace the content of the orginale wideslide module which display the content of all images of the directory entered in the module.

In Rereplacer :
To do that I have created 4 records in Repreplacer.
The aim is to clean the unneeded html code from wideslide and to replace it with the content of the images I need.

The 4 records are to be ordered (there is the step number inside each record).
I join the file to be imported into rereplacer which contains all 4 records.

The first step cleans all code which is between :
<!-- Slide image -->...<!-- /Slide image -->

The second step cleans all code which is between :
<!-- Texts container -->...<!-- /Texts container -->
(I don't use the caption of the images. If you need a caption for each image. I think this solution is to be modified).

The third step cleans all code which is between :
<div style="display:block"><div class="timers"></div></div>
(This step is optionnal, only to be used with auto display off and timers line off). I have found afteward that this step can be parametred from module administration)

The fourth step :
This is the main step. It's somes php lines to add the Images contents). I user a regular expression to do that :
It's adding the <img...> tag inside the
<div class="slide">...</div>
lines.

For Rereplacer you need to activate 2 Nonumber extensions :
- Rereplacer
- Sourcerer used in the fourth step.


This solution is, I hope, temporary as long as there is no native solution inside FC.

Sorry, I can't display an example for the moment as the site is not open for users.

best regards
Michel

PS : to use this solution, you need to import the attached file inside Rereplacer with the internal rereplacer menu 'Import' and of course install the Pixelpointcreative module.

Please Log in or Create an account to join the conversation.

More
13 years 1 month ago #33833 by micker
Replied by micker on topic mini gallery not responsive

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline
Save