*EDIT - Just been reminded by @ictguy that BTMods have an Android Image Gallery (https://www.buzztouchmods.com/downloads.php?cat_id=1&download_id=28). I recommend using the native plugin, but if you have problems with it, this is still a pretty nifty alternative. Download: https://dl.dropbox.com/u/56760890/gallery.zip unzip it and add the whole gallery folder to your projects assets folder. To use it with a customURL, the url will be file:///android_asset/gallery/gallery/gallery.html Use your favourite code editor to add image urls to the gallery.html file. If you scroll to the bottom of that file, it's pretty self explanatory, it's just a simple unordered list. To make it all offline add an 'images' folder to the same directory as the gallery.html file and put all your images in it. In this case, the urls you add to the gallery.html file will look like /images/image1.jpg You can add as many images as you like and there's no need to resize them, although the thumbnail screen looks better if the images are all the same height. Because it's html, you don't need to add the gallery to the assets folder, it can be hosted anywhere, but it's light enough (under 400kb) to be used in the assets folder for offline use. The code isn't mine, but it's licensed for any sort of use, please retain the copyrights in the files. All I've done is a bunch of minifying and modifying to make it work well in an app. Here's an example, click a thumbnail to enter the gallery (you can see how it doesn't look so good if image heights are different): https://dl.dropbox.com/u/56760890/gallery/gallery/gallery.html The gallery images are left/right swipable and it also has left/right buttons, a slideshow button and close button. Enjoy!

That rocks! Thanks, @raveyd!

How'd you reply so soon! Thanks Mark, hope it's useful.

I forgot to mention, you can further improve performance on newer devices by updating the customURL manifest entry. To add hardware acceleration, change it to: <activity android:name=".BT_screen_customURL" android:label="@string/app_name" android:configChanges="keyboardHidden|orientation" android:hardwareAccelerated="true"></activity>

Dude you're awesome! I was just about to come on the forum to shout out to all the real coders (not me LOL) about how there is definitely a need for an image gallery plugin for android and this is the first post I see! Gonna try it out right now, thanks a heap

Excellent! You should find it pretty straightforward @kmobile, but if you have any problems post in the thread and I'll attempt to help.

Amazing. I use photoswipe in some of my projects as gallery option since we dont have a photo gallery plugin yet for android. You have bundled all the files of photoswipe which would be easy to use and save a lot of time. Thanks a ton.

Thanks Sandeep! That's the one! I was using it 'out of the box' but performance wasn't great in an app and it was over 1mb. I've minified quite a lot of it and performance is greatly improved. It can be minified further but I started to lose track of the changes and thought I'd better stop before breaking it!

Cool. I noticed that there were few files and all the relevant code relating to those .js files were integrated in the html file itself. You really rock.

Good stuff @raveyd!! thanks

yeah, the ultimate aim was to get every file into a single file, but when javascripts start referencing other javascripts and css it gets too complicated for me! Thanks @mysps!

Very creative. Good stuff!!

Thank you so much @raveyd! LA

Thanks raveyd!

Thanks @raveyd, I was using the BTMods image gallery for android but it was causing a few crashes on various devices and emulators. Just installed your code, added images and everything works. Perfect timing :) Thanks again. Cheers Darrel

Ah, I'd forgotten about the BTMods image gallery - sorry @MRDavid! I tried it ages ago and couldn't get it to work on Android. OP updated. Thanks for reminding me @ictguy! Thanks to everyone for replying! :)

Thanks raveyd! Good one.

Guys I'm trying to make this an offline image gallery as it is instructed. I'm setting it up so when you tap one of the menu options it loads the gallery. When I created my menu list, I set the menu option so it would go to the custom html/text file of that name. The problem I'm having is in the emulator when I tap the menu option it loads the custom html/text screen. All that I see is the "html" text in text format and not the images. I think I'm running into a configuration issue. Any suggestions? Thanks Marc

You're using customHTML plugin? It should be customURL plugin. The url to enter in the customURL plugin is: file:///android_asset/gallery/gallery/gallery.html, if you've dropped the whole downloaded folder into the assets folder of your project.

OK. Let me modify tonight and I will let you know how I make out. Thanks Marc

raveyd, I made the change from customHTML to customURL and when I run the emulator I see all of the images that the file path points to. I don't see image one by one or any any of the left/right swipable or left/right buttons etc. The gallery file is just dropped into the assets folder as you described. Anything I'm missing to get this to work? Thanks Marc

Have you clicked an image?

raveyd Got it now. I was missing h ref tags to the images. Working great now. Love this plug in!!!! Thanks Marc

Excellent! Glad you got it sorted, I was beginning to think I'd messed it up somehow!

Question on this. My company makes rear seat entertainment products for vehicles (tv's). I want to be able to use customer images that are emailed to us of our product installed on their car. On this setup I would have to update the APK every time I add an image...correct? Which isn't a feasible option as id have many images to throw into it on a weekly basis. Suggestions?

NO need to update the apk all the time you add a new image ti the gallery. You jaust have to make the index html file online (get it hosted on some server or dropbox) instead of adding it locally, thats it.

Thanks @Sandeep! Yes @Aaron636r, just drop the whole folder into a server or dropbox and put the url in the customURL. Update the gallery.html whenever you have new images. The users won't even need to refresh the app to get new images.

Awesome!!!!!!

Hello guys, this seems to be a great plug in, but I must be doing something wrong as my image don't show up I have a questions mark instead. I dont want the image to be hosted on the web, I want them to be local so i did the following step : 1. I copied the gallery zip file into assest (and not BT_docs) 2. in the same folder that have the gallery.html I have a gal folder with all my photos and they are filed named photo1.jpg photo2.jpg 3. Here is how I ref them in the galery.html file : <div id="MainContent"> <ul id="Gallery" class="gallery"> <li><a href="/gal/photo1.jpg"><img src="/gal/photo1.jpg" /></a></li> <li><a href="/gal/photo2.jpg"><img src="/gal/photo2.jpg" /></a></li> <li><a href="/gal/photo3.jpg"><img src="/gal/photo3.jpg" /></a></li> <li><a href="/gal/photo4.jpg"><img src="/gal/photo4.jpg" /></a></li> <li><a href="/gal/photo5.jpg"><img src="/gal/photo5.jpg" /></a></li> <li><a href="/gal/photo6.jpg"><img src="/gal/photo6.jpg" /></a></li> <li><a href="/gal/photo7.jpg"><img src="/gal/photo7.jpg" /></a></li> <li><a href="/gal/photo8.jpg"><img src="/gal/photo8.jpg" /></a></li> <li><a href="/gal/photo9.jpg"><img src="/gal/photo9.jpg" /></a></li> <li><a href="/gal/photo10.jpg"><img src="/gal/photo10.jpg" /></a></li> <li><a href="/gal/photo11.jpg"><img src="/gal/photo11.jpg" /></a></li> <li><a href="/gal/photo12.jpg"><img src="/gal/photo12.jpg" /></a></li> <li><a href="/gal/photo13.jpg"><img src="/gal/photo13.jpg" /></a></li> <li><a href="/gal/photo14.jpg"><img src="/gal/photo14.jpg" /></a></li> <li><a href="/gal/photo15.jpg"><img src="/gal/photo15.jpg" /></a></li> </ul> but it doesn't work, I'm sure Im doing something wrong, but what ? tks so much Serge

A question mark usually means the path to the image is wrong, but you've got the correct path if the 'gal' folder is in the same folder as the gallery.html... I think it will work if you remove the first forward slash - gal/photo1.jpg instead of /gal/photo1.jpg for both the link and the source.

Hey tks so much raveryd, it works that was simple ! one more question I have a similar problem with photos in another screen, this time it is a custom html. In that screen I refer photos like that : <a href="https://www.youtube.com/cmoeu"> <img height="100px" src="youtube.png" width="220px" /></a> <br /> and the youtube.png is in the BT_docs folder, same things no image, where should I put my images ? tks ! Serge

Great news Serge, I like simple! Where do you have the custom html document? Is it in the assets folder? If it is, you can treat the assets folder as you would a regular website directory. So if the html document is in the assets folder you could add an 'images' folder to the same directory, put the images in there and the path would be images/youtube.png Or... leave the images in the BT_docs folder and make the paths: BT_docs/youtube.png (I do it the first way because I always delete the BT folders in assets).

Tks, that worked perfect ! merci :-) Serge

No problem Serge, glad it worked! :)

Thanks pics

Hi raveyd, this is awesome. Thank you so much for sharing. Regards, Cyrus

Thanks Cyrus, nice to see some people using it. Would prefer to see a native plugin in the marketplace though!

Tried to get this to work with Copy, no joy, any advice please? Please see both screenshots if you are able, much obliged :) https://copy.com/EDTZH7ZVglEp https://copy.com/Jb1mIQEyYgbR Cheers

Hi, You need the URL to end in an image source like .jpg or .png Try to changing that URL to something like this https://www.copy.com/s/EDTZH7ZVglEp/Screen%20Shot%202013-07-10%20at%2023.47.08.png and see if it works. cheers

Wow, tremendously swift reply, thanks :) Just off to bed, will try in the morning and report back. Thanks again :)

edit

Is there a way of adding a save button for wallpaper creation? All the best.

@ictguy, Added .jpg to end of url and didnt work :( Tried the url you posted, didnt work. Any idea of the issue please? Cheers

@ictguy, Must be a copy.com issue, dropbox works :)

@Alex i have this working with flickr! pulling from the same like in iOS

I'll use flickr, thanks. This will get immense traffic so best start properly :) Any idea how to add a svae button? Cheers

nope i don't know unfortunately.. MGOBLUE had a solution for android to make it native but i could never figure it out.

Was that an adaption of this or something different? Cheers

Hi Alex, I was hoping a native solution would be out by now, it's been 7 months! lol! A failing with photoswipe is that you can't long click an image to save it. There's a transparent layer over the image to allow swiping, but it also prevents long clicking. It was reported as an issue a long time ago, I haven't seen a resolution yet.. https://github.com/codecomputerlove/PhotoSwipe/issues/365

I cant get it working with flickr, maybe because the url doesnt end with .png/.jpg? Hope a solution is made, are android users able to screen grab? Not ideal but a way out I suppose :)

you have to add the flickr javascript files and the same flickr api json url that you use for the iOS gallery. when i have time i will add a tutorial. But it is based on the script that raveyd provided above and also a mix of what MGOblue posted. @raveyd.. i too have been waiting :( something native would be awesome i think its gonna be a longer wait until we get the new Android updates I'm afraid :/

I'm cool getting the flickr api json, i'll look for the javascript files, thanks.

Is there much to it?

not really here is the post that mgoblue made: http://www.buzztouch.com/forum/thread.php?fid=0F89F7DF868EC9CB7A8A2EF&tid=0F89F7DF868EC9CB7A8A2EF mix this code above with the js scripts provided in mgoblues zip and you'll get it.

Thanks :)

@mysps - No BT_Screen_images in my android project!! GRRRRRRRRRR

Would that be BT_image.java?

Actually, there is no BT_Screen_image or BT_image .xml Balls.

I didn't do the entire mgoblue tutorial. I'm using a simple HTML screen. I'm not in front of the computer but either custom HTML or HTML doc.

limitation of photoswipe:cant save pics i found solution for this in psmdannys post. http://tympanus.net/Tutorials/ResponsiveImageGallery/ by using this you can create swipable photo gallery with ability to save image and apply wallpaper.i accessed the above url from my tablet and it worked. but when i downloaded the folder containg html file,images,javascript,css...i put the whole folder into my tablet but it dint work . first i will have to get to work after putting the files in my tablet. after that i will have to put all together in bt project. help needed hope everything is clear akshay