switch image in floating module

[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

[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

[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?

[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

[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

[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

[Jan]

Ok