Javascript based manga viewer

Projects or project ideas in the works

Javascript based manga viewer

Postby Alcuinus » Sat May 29, 2010 10:07 am

ok so here it is. Basically the following is a manga viewer you can use for any mangas you may make. I tried to make it versatile so it can be used for any manga where strict url path conventions are followed and the general size of each page is about the same as the first. To use this web app, you need to provide it with part of the url for the first image. I've used probably my all time favorite Christian manga, Thy Name by Psycho Ann as a working example :jump:

the url for the image of the first page for Thy Name is

[noparse]http://www.theproject.us/othercomics/oneshot/thy1.jpg[/noparse]

the parts that are needed to view this manga with the viewer are

url_base: [noparse]http://www.theproject.us/othercomics/oneshot/thy[/noparse]
and
number of pages: 14

The resulting url for the viewer is:
[noparse]http://home.earthlink.net/~jwmarikle/sitebuildercontent/sitebuilderfiles/mangaviewer.html#url=http://www.theproject.us/othercomics/oneshot/thy&pages=14[/noparse]

Yeah kinda long, which is why I tinyed it :P

[url][noparse]http://tinyurl.com/jsmangaviewer#url=http://www.theproject.us/othercomics/oneshot/thy&pages=14[/noparse][/url]


If you want to host the viewer on your own site and hard code the path and number of pages, you can.
[SIZE="1"]or if someone wants to host the viewer somewhere else so that the tinyurl would not have to be used, that'd be great too! :D
[/SIZE]

Hope someone can use it :)

note: sometimes the formatting is messed up, idk why. refreshing the page usually helps and it is best viewed in FF
Deo Volente Deo non Fortuna
User avatar
Alcuinus
 
Posts: 152
Joined: Mon Mar 08, 2010 12:12 pm
Location: Midwestern US

Postby Alcuinus » Wed Jun 02, 2010 7:50 pm

Update:

New site (via webs... which is the only free hosting site that I could find for the life of me that lets you build your own page, HTML and all, from the ground up)

http://jsmangaviewer.webs.com/

example usage:
http://jsmangaviewer.webs.com/?url=http://www.theproject.us/othercomics/oneshot/thy&pages=14

Change Log:
- fixed the bug that required you to refresh the page to properly view it (js doesn't like to wait for things [i.e. image loading] before moving on in the function apparently)
- it now pre-loads the next page while you're viewing, so when you change pages (as long as you don't flip through the pages too fast) it should be instantaneous.

Problems/bugs/errors
- can't use forms on the free version of webs, so text input for page number is not possible atm :\

PS I forgot to mention you can click both sides of the page to go forward/back
Deo Volente Deo non Fortuna
User avatar
Alcuinus
 
Posts: 152
Joined: Mon Mar 08, 2010 12:12 pm
Location: Midwestern US

Postby Wave » Mon Aug 16, 2010 11:52 am

I like this. Its very simple and elegant. Well done!

\/\//\\///
••• ––– •••

You have heard that the law of Moses says "Do not commit adultry." But I say, anyone who even looks at a women with lust in his eys has already committed adultery with her in his heart
Mathew 5:27-29
User avatar
Wave
 
Posts: 224
Joined: Wed Mar 08, 2006 3:38 pm
Location: Montana


Return to New Projects and Ideas

Who is online

Users browsing this forum: No registered users and 40 guests