Virtuemart Support :: Topic: Problem with width of Flexible 3d slideshow ... (1/1)

Welcome, Guest

TOPIC: Problem with width of Flexible 3d slideshow ...

Problem with width of Flexible 3d slideshow ... 10 years 5 months ago #7029

Raúl Ramón Val	I have a problem when the width of Flexible 3d slideshow ... i have a white space on the right of my web. The slider not is in the centre of the web.... You can see the image Attachment 1-Espacioblancoaladerecha.Nocentrado.png not found
	The administrator has disabled public write access.

Problem with width of Flexible 3d slideshow ... 10 years 5 months ago #7038

Support

Hi,

Since the "3d slideshow" is a free module (it just comes pre-installed with our templates, normally it is available free in our extensions library), since it is free, we don't provide support about it. But your problem looks like, it is related to template itself (not to slideshow)

Did you touch these CSS rules:
/css/layout.css ? or /css/modules.css ?

Which might create this layout problem? Anyway, provide me your website URL and let me take a look at it.

Regards.

The administrator has disabled public write access.

Problem with width of Flexible 3d slideshow ... 10 years 5 months ago #7046

Raúl Ramón Val

I don´t modify this files never

I think the problem was that when the images of the slideshow are more wide that the monitor resolution the control slider run fine. But the problem is when the pictures are more narrow that the monitor resolution because the slider have the width of the picture not the width of the monitor. If my image have 1600px and my monitor 1680 i have 80px white on the right.

Attachment 1-Espacioblancoaladerecha.Nocentrado.png not found

Attachment 3-Ancho100.png not found

I have others problem with this control:

I have 7 pictures all with the same resolution but i only see 5. 6 and 7 images not see in the control.

Attachment 1-Soloseven5imagenes.png not found

IF I put the control in top-a position i see bad the control only to width 50%. In top b run ok.

Attachment 1-Enlaposiciontop-asevemalcon50ancho.png not found

Can you says to me which is the last version about this control. If possible that i have an older version?

thanks a lot

The administrator has disabled public write access.

Problem with width of Flexible 3d slideshow ... 10 years 5 months ago #7059

Support

Hi,

the not appearing 6 and 7 slides is a bug of our slider. Somehow we forgot to include the last 2 slides. It was a silly mistake. The patch is really simple;

Open this PHP file:
/modules/mod_flexible_3d_slider/tmpl/default.php

and right after;

<?php if ($slide5) { ?>
    <li class="group"><a href="<?php echo $slide5url ?>"><img src="<?php echo $slide5 ?>" alt="" /></a>
      <?php if ($slide5CaptionCheck) {?>
      <div class="rs-caption <?php echo $slide5CaptionLocation ?>"> <?php echo $slide5Caption ?> </div>
      <?php } ?>
    </li>

include these extra lines: (to import the slide6 and slide7)

    <?php if ($slide6) { ?>
    <li class="group"><a href="<?php echo $slide6url ?>"><img src="<?php echo $slide6 ?>" alt="" /></a>
      <?php if ($slide6CaptionCheck) {?>
      <div class="rs-caption <?php echo $slide6CaptionLocation ?>"> <?php echo $slide6Caption ?> </div>
      <?php } ?>
    </li>
    <?php } ?>
    <?php if ($slide7) { ?>
    <li class="group"><a href="<?php echo $slide7url ?>"><img src="<?php echo $slide7 ?>" alt="" /></a>
      <?php if ($slide7CaptionCheck) {?>
      <div class="rs-caption <?php echo $slide7CaptionLocation ?>"> <?php echo $slide7Caption ?> </div>
      <?php } ?>
    </li>
    <?php } ?>

so the slider will show all 7 slides.

My advice would be, create a very large slide pictures (at least they should have width:1600pixel) and put extra "white" space to the left and right hand side to fill the spaces (use Photoshop). Putting extra white spaces to the left and right won't increase the picture size. You would avoid the problem that occurs when the monitor resolution is larger than the slide picture resolution issue. So the slideshow will always be from edge to edge and it will be centered correctly.

Regards.
Support

Last Edit: 10 years 5 months ago by Support.

The administrator has disabled public write access.

Problem with width of Flexible 3d slideshow ... 10 years 5 months ago #7067

Raúl Ramón Val

...the first point run ok. I see 7 pictures....

But the second point not work. My original images have 1600px(width) x 550px (height) and i have a white space on the right.

I resized the original images to 2500px(width) and 550px(height) who you says to me, but not works because the control resize all my image and the results is a very small imagen in the centre. My monitor has 1680px width resolution.

I think the problem was in the contro. it have to resized the image with the monitor resolution, not the image, because shows all the image not the centre of the image.

Can you says to me how help me?

Thanks

Attachments:

2-Ampliand...anco.png (395KB)

The administrator has disabled public write access.

Problem with width of Flexible 3d slideshow ... 10 years 5 months ago #7076

Support

To center the slideshow, you can use this CSS rule:

 .rs-wrap ul.rs-slider > li > a {
   display:block;
   text-align:center;
}
.rs-wrap img {
    margin:0 auto;
}
 
.rs-slider > li {
	height:auto !important;
}
.rs-slider > li img {
	width:1200px;     /*  <--- CHANGE THIS VALUE. Change the value to your slide picture's width size. */
}

Change the last value depends on what your slide picture's width size is.I would suggest you to use 1600pixel wide pictures. More than 1600pixel would be useless and will create layout problem in small monitors.

(to any CSS file that gets loaded in your joomla)

This above code will center the slideshow. So if the monitor resolution is larger than the slideshow slide picture, the pictures will slide in the center. But you should be aware, there will be white blank spaces at the left and right hand margin. But if your slide pictures have also white background, then there will be no problem.

Regards
Support & Development

Last Edit: 10 years 5 months ago by Support.

The administrator has disabled public write access.

Problem with width of Flexible 3d slideshow ... 10 years 4 months ago #7420

Raúl Ramón Val	i finally solved the problem of the module with this: #flexible_3d_slider102 .rs-wrap{ width:100%!important; } but i can´t put the image in the centre of the slider
	Last Edit: 10 years 4 months ago by Raúl Ramón Val. The administrator has disabled public write access.

Problem with width of Flexible 3d slideshow ... 10 years 4 months ago #7462

Support	Hi, Did you also try my suggestion? (That i have provided in the #7076) I have tested and confirmed that change. But i assume you have played around with the CSS file already a lot. So get back to original states and apply only the modification i have provided. It should work out too. Regards.
	The administrator has disabled public write access.