Page 1 of 1
switch image in floating module
Posted: 24 Mar 2015, 14:17
by lucas3001
Hello!
I like the switch image feature, but the box showing the image remains in the top part of the page, and if I have lots of thumbnail the use of this make no sense.
It would be interesting to put the box showing the image in a floating module, running in the page
Do you think it is already possible? Or it is a new feature?
If I use an extension to have a floating module and i set a customized html with the switch image code?
thank you
lucas
Re: switch image in floating module
Posted: 25 Mar 2015, 00:16
by Jan
Hi, not sure what you exactly mean, but to test it, you need to customized directly the plugin code
- I for myself didn't test any such or similar feature
Jan
Re: switch image in floating module
Posted: 25 Mar 2015, 14:13
by lucas3001
Hi Jan,
ok i try to be more clear...
when I use the plugin in an article, for example, and I want to use the switch image, I write this:
Code: Select all
{phocagallery view=switchimage|switchheight=480|
switchwidth=528|basicimageid=77}
{phocagallery view=category|categoryid=54|limitstart=0|limitcount=15|enableswitch=1|switchheight=480|switchwidth=640|switchfixedsize=0|basicimageid=77}
if one has few images in the gallery, let's say 12, then it makes sense to have the swap, otherwise there are too many images and one should scroll down to see, and the box with the large image is not visible anymore, becaus is in the top of the page.
What i'd like to do is to have the box always visible in the screen, by using a floating module which follows the scrollbar, in which showing the large image selected by the mouse on the thumbnails list.
Do you have any suggest?
Re: switch image in floating module
Posted: 26 Mar 2015, 22:56
by Jan
Aha, now I understand what you mean, but didn't do such customization yet, so no clue advice. I think you don't need the float but you need overflow - CSS attribute - to add automatically scrollbar for the images below the switch, so the switch will be always visible:
Some:
div.box { overflow: auto; width: 100%; height: 300px e.g.}
Jan
Re: switch image in floating module
Posted: 30 Mar 2015, 13:45
by lucas3001
This should be a solution!
since i'm so new to css, could you please tell an example of filename where should i insert these line?
thank you
Re: switch image in floating module
Posted: 15 Apr 2015, 15:32
by lucas3001
ok Jan, I solved in this way: i put here all the steps for newbyes like me
load the article with the switch image and the icons.
turn the editor mode off and edit the code
put the {phocagallery view etxc....
between these lines:
Code: Select all
<div style="border: 1px solid #999999; <br />;overflow: auto; <br />;width: 950px; <br >;height: 300px; <br />;text-align: center;">
{phocagallery .....
</div>
obviously one can change the style border, the alignment, the dimensions....
thank you and cheers
Re: switch image in floating module
Posted: 16 Apr 2015, 00:56
by Jan
Ok