Possible solution for full screen images

erez213 · 02-17-2012, 09:53 AM

As I'v seen here there is no actually good solution (if there is one) for viewing images in full screen, but I think I'v found something.

Today I'v seen this app:
http://blog.fsck.com/2011/12/wafflet...dle-touch.html

Whice simply dispaly html page, and if you'll change the html source code to something like this:

Code:

<!DOCTYPE html>
<html>

  <head>
    <title>Backbone Demo: Todos</title>
  </head>

  <body>
	<img src="pic.jpg" style="width:100%;height:auto;" />
  </body>

</html>

You'll recive full screen image!!
And with a few JS this is possible to add an option to switch images to read books and to save the location and anything else.

Only problem I'm facing now is that the upper menu (with the search bar and the menu button) is still appear and I can't figure out how to hide it.

So if anybody fimiliar with a solution this could be great

Hope I'v helped someone

JustAMan · 02-17-2012, 12:55 PM

To remove upper menu you'll have to kill pillow stuff I think... Something like "killall pillow" or whatever.
Then when you're done in fullscreen bring it back by "restart pillow".

Emrexcem · 02-17-2012, 01:24 PM

Quote:

Originally Posted by JustAMan

To remove upper menu you'll have to kill pillow stuff I think... Something like "killall pillow" or whatever.
Then when you're done in fullscreen bring it back by "restart pillow".

Can u give the full code of it?

jeanne_cz · 02-17-2012, 04:14 PM

to disable search menu add to config.xml in waf folder/yourApp:

Code:

<kindle:chrome>
        <kindle:asset key="useCustomSearchBar" value="true"/>
    </kindle:chrome>

I don't know how it works but it works. I tried it for example with default browser app and no search menu appeared so I have fullscreen browser with wifi-batt-clock bar and no search menu so I can't change address

(KT 5.0.3)

maybe add analogically in waffle-todos/todos/config.xml:

Code:

<param name="useCustomSearchBar" value="true"/>

Emrexcem · 02-17-2012, 04:23 PM

i improved this one even better http://emrexcem.com/kindle/

erez213 · 02-18-2012, 12:17 PM

Thx to Jenna I managed to hide the upper menu!
Now does anyody know how to hide the status bar?

BTW, I'v attached first version of the gallery, it basiclly loads the image in full size. I need to add an option to go next and previous and to save to last read location.
Just upload the MP3 file to the music folder and the FullGallery to the root folder and launch it through the mp3 player.

If anybody would like to help please PM me

erez213 · 02-18-2012, 01:36 PM

New version, now you can navigate through pictures.
And I need your help in two things.

1)Is there possible way to check if image exists (as you can see now if you go beyond the limits you see blank picture)?
2)Does anybody knows how to save localstorage on the kindle or any other method? If you'll look in the code you'll what I wrote but this don't work.
3)How do I remove the notifocation bar?

If I can figure out those two things I think I finally will have working full screen image gallery to the kindle

jeanne_cz · 02-18-2012, 01:44 PM

Quote:

Originally Posted by erez213

2)Does anybody knows how to save localstorage on the kindle or any other method? If you'll look in the code you'll what I wrote but this don't work.

use cookies in javascript

erez213 · 02-18-2012, 01:53 PM

I didn't tried this since cookies is based on the domain name and I'm using local file, but I'll give it a shot.
And what about the notification bar? Do you know how to hide it? And where can I find the cnfiguration I can put in the config.xml file?

Thx man

EDIT: As I suspected cookies don't work since this is a local file. But I'v seen in the WaffleTods app that he uses local-storage but his code is pretty complex...

erez213 · 02-18-2012, 02:35 PM

I fixed the localstorage (just had to add onload function...) so now it pretty usable

If you want to use it go into the FullGallery/gallery and add the images in numeric order (0.jpg,1.jpg, etc.) and upload it to your device, launch it through your mp3 player, and enjoy

Just have to hide the status bar, and no idea how...

silver18 · 02-19-2012, 08:17 AM

Based on the work of erez213, I edited the index.html:
- Previous and Next buttons are now hidden (tap the screen anywhere to unhide them)
- they are also more visible (background, border, bigger font) and placed at top center.

Just replace the index.html file with the one attached.

silver18 · 02-20-2012, 09:46 AM

I edited again the index.html to emulate the behaviour of the kindle screen (tap on the left side ==> previous. tap on the rest of the screen ==> next).
I edited it also to move the gallery folder to /mnt/base-us/documents/Gallery to keep everything tidy.

TO DO:
- emulate also the swipe action
- add a sort of folder chooser
- remove the status bar

- index.zip: contains only the index.html file
- sync_dir_collection.zip: for those who use collection sync extension. it contains the sync_dir_collection.sh edited to NOT add the Gallery folder as a collection
- gallery.zip: contains everything you need to add this to GUI launcher. Just unzip in /mnt/base-us/extensions/ and restart (usefull for 5.0.3 firmware)

silver18 · 02-20-2012, 05:29 PM

Does anybody know how to save a text input to a txt file in an html page (js or similar)?
Even a cookie with editable name should work.
That's the only thing preventing me from adding a folder chooser.

Thanks!!!

silver18 · 02-21-2012, 01:18 PM

I added:
- ability to choose the folder to open based on which folders you have in /document's/Gallery (at startup and during reading)
- menu button
- welcome screen
- pinch to zoom

TO DO:
- remove status bar

I'll release it in a few days!

cieplok · 02-21-2012, 04:20 PM

@silver18
I have added files from gallery.zip and now everything is working (I can browse pictures from gallery directory) but images are trimmed at bottom. I have images without any margin around because I want to achieve real fullscreen.
Every image is trimmed about 25 pixels from bottom. Is this because of status bar? Can you fix that annoying behavior?

Could you add feature to navigate to specific image?

But I have to say that you made great work with this extension. Thanks a lot!

02-17-2012, 09:53 AM	#1
erez213 Junior Member Posts: 7 Karma: 2601 Join Date: Feb 2012 Device: Kindle Touch	Possible solution for full screen images As I'v seen here there is no actually good solution (if there is one) for viewing images in full screen, but I think I'v found something. Today I'v seen this app: http://blog.fsck.com/2011/12/wafflet...dle-touch.html Whice simply dispaly html page, and if you'll change the html source code to something like this: Code: <!DOCTYPE html> <html> <head> <title>Backbone Demo: Todos</title> </head> <body> <img src="pic.jpg" style="width:100%;height:auto;" /> </body> </html> You'll recive full screen image!! And with a few JS this is possible to add an option to switch images to read books and to save the location and anything else. Only problem I'm facing now is that the upper menu (with the search bar and the menu button) is still appear and I can't figure out how to hide it. So if anybody fimiliar with a solution this could be great Hope I'v helped someone

02-17-2012, 12:55 PM	#2
JustAMan Groupie Posts: 153 Karma: 113 Join Date: Jan 2012 Location: Russia Device: Kindle Touch	To remove upper menu you'll have to kill pillow stuff I think... Something like "killall pillow" or whatever. Then when you're done in fullscreen bring it back by "restart pillow". Last edited by JustAMan; 02-17-2012 at 12:55 PM. Reason: adding for clarity

02-17-2012, 04:14 PM	#4
jeanne_cz Junior Member Posts: 4 Karma: 12 Join Date: Jan 2012 Device: Kindle Touch	to disable search menu add to config.xml in waf folder/yourApp: Code: <kindle:chrome> <kindle:asset key="useCustomSearchBar" value="true"/> </kindle:chrome> I don't know how it works but it works. I tried it for example with default browser app and no search menu appeared so I have fullscreen browser with wifi-batt-clock bar and no search menu so I can't change address (KT 5.0.3) maybe add analogically in waffle-todos/todos/config.xml: Code: <param name="useCustomSearchBar" value="true"/> Last edited by jeanne_cz; 02-17-2012 at 04:20 PM.

02-18-2012, 01:53 PM	#9
erez213 Junior Member Posts: 7 Karma: 2601 Join Date: Feb 2012 Device: Kindle Touch	I didn't tried this since cookies is based on the domain name and I'm using local file, but I'll give it a shot. And what about the notification bar? Do you know how to hide it? And where can I find the cnfiguration I can put in the config.xml file? Thx man EDIT: As I suspected cookies don't work since this is a local file. But I'v seen in the WaffleTods app that he uses local-storage but his code is pretty complex... Last edited by erez213; 02-18-2012 at 02:17 PM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
PDF images upside down - a solution	Fingerstoo	Conversion	4	12-21-2011 11:57 AM
Double tap doesn't zoom images full screen	nonsequito	Apple Devices	0	01-15-2011 05:03 PM
Display images full-screen?	jttraverse	ePub	3	01-09-2011 04:59 AM
Full-Screen images on the K2?	Thorkin	Amazon Kindle	1	03-12-2009 07:48 PM

02-17-2012, 04:23 PM	#5
Emrexcem Turkish :) Posts: 40 Karma: 2700 Join Date: Feb 2012 Location: Türkiye Device: Kindle Touch (5.03)	i improved this one even better http://emrexcem.com/kindle/

02-20-2012, 05:29 PM	#13
silver18 THE NOOB Posts: 701 Karma: 1545649 Join Date: Jan 2012 Location: Italy Device: Kindle Touch 5.3.2	Does anybody know how to save a text input to a txt file in an html page (js or similar)? Even a cookie with editable name should work. That's the only thing preventing me from adding a folder chooser. Thanks!!!

02-21-2012, 01:18 PM	#14
silver18 THE NOOB Posts: 701 Karma: 1545649 Join Date: Jan 2012 Location: Italy Device: Kindle Touch 5.3.2	I added: - ability to choose the folder to open based on which folders you have in /document's/Gallery (at startup and during reading) - menu button - welcome screen - pinch to zoom TO DO: - remove status bar I'll release it in a few days!

02-21-2012, 04:20 PM	#15
cieplok Junior Member Posts: 5 Karma: 10 Join Date: Jan 2012 Device: Kindle Touch	@silver18 I have added files from gallery.zip and now everything is working (I can browse pictures from gallery directory) but images are trimmed at bottom. I have images without any margin around because I want to achieve real fullscreen. Every image is trimmed about 25 pixels from bottom. Is this because of status bar? Can you fix that annoying behavior? Could you add feature to navigate to specific image? But I have to say that you made great work with this extension. Thanks a lot!

Advert

Advert