HTML5 Slideshow Support Product Page

Fluid Grids

Reported 11 years ago
1
has this problem
11 years ago 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 11 years ago
11 years ago Teodor Kuduschiev replied:
Hello Richard,

Please provide a link to your page.
Replied 11 years ago
11 years ago richard lilley replied:
Hello yes sure its
www.characterworld.co/responsive/
Thanks
Richard
Replied 11 years ago
11 years ago 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 11 years ago
11 years ago richard lilley replied:
Hi
The left hands side of the image is cropping where the sonic logo is..
Replied 11 years ago
11 years ago 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 11 years ago
11 years ago 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 11 years ago
11 years ago 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