PDA

View Full Version : Fadeshow on mobile phone



OttoRosso
06-30-2015, 03:02 PM
1) Script Title: Otto Rosso Fade Show

2) Script URL: http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: I am trying to get the slideshow to appear at the correct width on the screen as a percentage of the users screen rather than a fixed pixel width.

Thanks

Beverleyh
06-30-2015, 03:41 PM
What is the "Otto Rosso Fade Show"?

If you are using a script from Dynamic Drive, please post the correct title of the script you have used;
1) Script Title: Correct title of Dynamic Drive script

And a link to the demo page on Dynamic Drive;
2) Script URL (on DD): Link to the demo page on the Dynamic Drive website

OttoRosso
07-01-2015, 09:30 AM
What is the "Otto Rosso Fade Show"?

If you are using a script from Dynamic Drive, please post the correct title of the script you have used;

And a link to the demo page on Dynamic Drive;

* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)

I don't know what the demo page is sorry. I am using the code on my website. I am using Dreamweaver. I have my code. The fadeshow is working on my websote www.ottorosso.es

But it does not have the desired effect when accessed from mobile devices. I see there is a way of making the screen fit mobile devices - but it is not working for me. Any help appreciated. Thanks

molendijk
07-01-2015, 11:25 AM
I see there is a way of making the screen fit mobile devices - but it is not working for me.
I guess you are referring to what is mentioned on http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm about dimensions:
You can also set the dimensions to percentage values instead (wrap the values in quotations) to indicate you wish the slideshow to scale relative to its container. This sets the basis for a responsive slideshow, whereby the slideshow grows and shrinks based on the user's browser or mobile screen size.
If so, there might be some problem in the script. Maybe other DD-members can inform us about this.

molendijk
07-02-2015, 10:01 PM
You can also try this test page (http://mesdomaines.nu/eendracht/slideshow_responsive/slideshow_responsive.html) I made for a client. (He seems to like it, so I'll develop it a little bit further in due time).

OttoRosso
07-05-2015, 10:51 AM
I guess you are referring to what is mentioned on http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm about dimensions:
You can also set the dimensions to percentage values instead (wrap the values in quotations) to indicate you wish the slideshow to scale relative to its container. This sets the basis for a responsive slideshow, whereby the slideshow grows and shrinks based on the user's browser or mobile screen size.
If so, there might be some problem in the script. Maybe other DD-members can inform us about this.

Is there anyone who can help me get the code right to work with percentages of screen width rather than fixed pixel width? Please?

Beverleyh
07-05-2015, 11:52 AM
A few points.

1) You have set the slideshow dimensions in pixels. If you want it to resize fluidly in responsive design, you should set the size in percentages. Follow the demo's tutorial for advice on doing that http://www.dynamicdrive.com/dynamicindex14/responsiveslideshowguide.htm

2) The size of the slideshow, when using percentages, will be based on its parent container. You have it inside a parent container (a table) with a width of 640px, so be aware that your slideshow sizing will be based on this. For true, responsive layouts, you should try not to use absolute/fixed units and instead, create your layout using fluid/relative units, such as % or vw. Also try to move away from table layouts and use div layouts instead.

3) if you want mobile devices to recognise your website as being responsive, you need to use the viewport meta tag https://developers.google.com/speed/docs/insights/ConfigureViewport