HTML5 Slideshow Support Product Page

Fluid Grids

Reported 07 Oct 2013 13:17:24
1
has this problem
07 Oct 2013 13:17:24 richard lilley posted:
Hi I have purchased html slide show and i am using it with dreamweaver cs6 and cc Fluid Grids.

I have followed the video tutorial but i don't seem to be getting the same results ie the image crops different when re seized.

Should I be importing images with certain dimensions ??? when importing an image it lets you change the size on the image resizer for photos and big photos ???

Im using the css for mobile - height: 200px; and desktop height: 440px;

Thanks

Replies

Replied 08 Oct 2013 10:38:35
08 Oct 2013 10:38:35 Teodor Kuduschiev replied:
Hello Richard,

Please provide a link to your page.
Replied 08 Oct 2013 10:58:26
08 Oct 2013 10:58:26 richard lilley replied:
Hello yes sure its
www.characterworld.co/responsive/
Thanks
Richard
Replied 08 Oct 2013 11:24:56
08 Oct 2013 11:24:56 Teodor Kuduschiev replied:
Hello Richard,

I do not see any issue with the slideshow on your page. It all seems to be working as expected.
Replied 08 Oct 2013 12:28:05
08 Oct 2013 12:28:05 richard lilley replied:
Hi
The left hands side of the image is cropping where the sonic logo is..
Replied 08 Oct 2013 13:15:28
08 Oct 2013 13:15:28 Teodor Kuduschiev replied:
Hello,

You need to calculate the proper image height for the breakpoints, so on 480px screen your image needs to be XXXpx height etc. If the height in the breakpoints in is not right the image is being cropped. This is how the "fill" option works.
Replied 08 Oct 2013 13:36:32
08 Oct 2013 13:36:32 richard lilley replied:
Hi thanks for helping

Yes ive checked and for mobile 480px ive got it as height 197px
for 768px ive got it as 316px
for desktop its 415px

Ive scalled the image in proportion and used the height.
Replied 09 Oct 2013 10:14:12
09 Oct 2013 10:14:12 richard lilley replied:
Hi I still cant seem to get this to work it seems to be the width thats cropping not the height ??? Any ideas please

Thanks

Reply to this topic