适用于移动应用的幻灯片 [英] Slideshow for mobile application

问题描述

嗨我目前正在使用html和javascript手机间隙构建的移动应用程序安卓工具，所以我将我的应用程序链接到我的wordpress网站，我想从我的mysql中检索一些图片，并将其显示为我的应用程序中的幻灯片放映。有什么帮助吗？



我尝试了什么：



i选择来自我的mysql的数据，它被正确选择，所以我现在必须做的是创建一个动态幻灯片

hi i currently work on a mobile application android using html and javascript in phone gap build so i link my app to my wordpress site and i want to retrieve some pictures from my mysql and display it as a slide show in my app . any help please?

What I have tried:

i select the data from my mysql and it was correctly selected so what i must do right now to create a dynamic slide show

推荐答案

一如既往，你需要在更小的时候分解你的任务件。



那么为了给移动设备创建动态幻灯片，您需要知道什么？

嗯，这是一个可能的方法：



1.寻找使页面移动友好的方法。

移动优先这几天是一个流行词，所以你可以寻找它。

BootStrap就是一个例子，参见 Bootstrap 3 Tutorial [ ^ ]



2了解如何制作静态幻灯片。

使用HTML5 + JavaScript和/或CSS的方式有很多种。

只是Google for 如何在HTML5中创建幻灯片。



3.弄清楚如何获得想要呈现的一批图像。

好吧，似乎有你的MySQL查询。



4.现在你可以看看如何动态更改图片。

*例如，您可以使用PHP创建页面的全部或部分。

如果您想为不同的用户显示不同数量的图片，这种方法很好。

*您可以选择使用jQuery更改现有元素的属性。

请参阅 jQuery Set Content and属性 [ ^ ]。

如果你总是希望展示10张图片，那么效果很好。



这只是给猫皮肤的方法。您可以选择更多方法。

As always you need to break up your task in smaller pieces.

So what do you need to know in order to create a dynamic slideshow for a mobile device?
Well, this is one possible approach:

1. Look for ways to make the page mobile friendly.
"Mobile first" is a buzzword these days, so you can look for that.
BootStrap is one example, see Bootstrap 3 Tutorial[^]

2. Learn how to make a static slideshow.
There are many different ways using HTML5 + JavaScript and/or CSS.
Just Google for "How to create a slideshow in HTML5".

3. Figure out how to get the batch of images you want to present.
Well, seem to have that covered with your MySQL queries.

4. Now you can look into how to change the pictures dynamically.
* You can, for example, create the whole or part pf the page using PHP.
This approach is good if you want to show different number of pictures for different users.
* You can choose to change the attributes of existing elements using jQuery.
See jQuery Set Content and Attributes[^].
This works well if you always want to show for example 10 pictures.

This is only way way to skin the cat. There are plenty more ways you can choose.

这篇关于适用于移动应用的幻灯片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！