Code Monkey home page Code Monkey logo

manga-loader's Introduction

Contributing

I have decided to put this script on github in the hopes people start submitting their implementations for new sites to speed up the development.

A while back I put together a video to show off the basic procedure for creating an implementation for Manga Loader, if you are interested in adding a new site yourself, but do not know how, check out this video.

I do not have much time to work on this nowadays, but at the same time I do not want the project to be left behind, so let's see how this goes!

About

Simple. Lightweight. Fast.

Manga Loader allows loading of entire chapters from manga sites in a longstrip format (all images on one page).

Manga Loader tries to remove the bloat many other similar scripts have.

When visiting a page supporting Manga Loader, a button will appear with the text "Load Manga".
Click the button or press Ctrl+, on the keyboard to load the manga into the current page.

To automatically load the userscript whenever possible, enable autoload from the settings menu.

The script loads 10 images at a time (by default) and loads when scrolling.
To load all the images in the chapter at once, change the load num setting to the word "all".
To load a specific number of pages, change the load num setting to the preferred number.
Loading less pages at once is useful if experiencing broken images or browser slowdowns.

Manually reload a misbehaving image (loading unusually slow, or stuck loading half way) by clicking the small refresh icon in the bottom right info/toolbar, then click on the image.

Bookmarklet: To use the script as a bookmark, copy the following code and create a bookmark. Make sure the javascript: part of the code is still there after pasting, otherwise the bookmark function will not work. This method also works for using the script on mobile devices such as phones and tablets. javascript:(function(){BM_MODE=true;document.body.appendChild(document.createElement('script')).src='https://greasyfork.org/scripts/692-manga-loader/code/Manga%20Loader.user.js';}())

Using the script on mobile devices

This video demonstrates using the script on an Android phone, but Manga Loader should work on any mobile device including iPhones, iPads and other tablets/phones Mobile Bookmarklet Demo Video

Default Keybindings (configurable):

Z - previous chapter
X - exit
C - next chapter
W - scroll up
S - scroll down
+ - zoom in
- - zoom out
0 - reset zoom

NEW in v1.7.x: Settings panel

  • Define custom CSS in the new settings panel (accessible through the gear icon at the bottom left)
  • The CSS will be saved and reapplied each time the script loads
  • Change the background color of the page, the width of the images and anything else in the settings panel

NEW in v1.8.x: Custom page loading and keybindings

  • The settings menu introduced in v1.7.x now contains all settings including number of pages to load and whether or not to autoload
  • Now possible to set exactly how many pages to lazyload instead of choosing between all or 10
  • To change the default keybindings in the settings panel, focus the corresponding textbox and press the key you would like to assign

NEW in v.1.10.x: CSS profiles

  • Define multiple named css profiles you can switch between in the settings menu

NEW in v1.11.x: Zooming

  • Zoom in and out of images using the +/-/0 (plus/minus/zero) keys (configurable)

How to get to the menu options for this script

Click the gear icon at the bottom right of the screen while the script is active.

Changelog

See a summary of changes for each new version of the script here.

Supported Sites

Manga

Comics

Pending Site Requests

Sites that people have requested implementations for that I haven't gotten around to adding yet and/or sites that I intend to add in the future.

Foolslide Site Requests

manga-loader's People

Contributors

bakuzan avatar cehnegaitne avatar cyryts avatar dodying avatar dxmtb avatar fuzetsu avatar iketiunn avatar karols avatar kyuucr avatar manan008 avatar scragly avatar tanjinyi avatar tv1mdb avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

manga-loader's Issues

Issue with nhentai.net

Nhentai.net is not loading correctly, I have zero knoledge in programming at all, but even I tried to isolate the part of the script and rebuilding it, using this amazin tutorial: https://youtu.be/zgaogJCL8xQ

but it didn't work, I have no idea of what I'm doing, I thought I could fixed it and share the patch with everyone, but nope, I need help.. Fuzetsu-sama I know you are kind hearted and that you logged in 2 months ago, so I hope you haven't abandon the proyect, could you please help me out :c ? or at least guide me for trouble shooting, so I can fixed it myself and try to solve similar issues with others websites for you U,U

BTW: I love you, marry me <3

Mangahere not working

Userscript is not working on mangahere.cc
The "Load Manga" button is showing but nothing happens when it is clicked. Please fix.
Thanks in advance.

mangatown.com mobile subdomain support

Hi,

support for the mobile version of mangatown would be greatly appreciated.

The following changes should fix it:

  1. Change the match attribute to // @match *://*.mangatown.com/manga/*/*
  2. Change the mangatown regex to match: "^https?://(www|m).mangatown.com/manga/[^/]+/[^/]+",

Thanks!

mangareader.net doesn't work

Hi,

First, a big thanks for this addon: it's great! Now, I have an issue with mangareader.net: it doesn't even have the "load" button, or anything at the bottom of the page, nor does the script seem to do anything, with this site (tested on Violent and Tamper monkeys).

I hope you'll have the time to look into it, and I wish you a great day!

mangafox.me

mangafox.me changed its site url to mangafox.la

Not working on dm5

Test page

https://www.dm5.com/m554585/

Log:

18:32:34.172 Manga Loader log: starting...  Manga_Loader.user.js:1434:7
18:32:34.175 Manga Loader log: autoloading...  Manga_Loader.user.js:1434:7
18:32:34.396 Manga Loader log: Condition fulfilled, loading...  Manga_Loader.user.js:1434:7

403 (Forbidden) on tw.ikanman.com

The Supported Sites: tw.ikanman.com not work on manga-loader 1.11.21

tw.ikanman.com now redirect to tw.manhuagui.com

The next page button the manga website provided can load the manga well, but only the first page load when using the script

Test page: http://tw.manhuagui.com/comic/6799/59689.html

Manga Loader log: starting...
Manga Loader log: Condition fulfilled, loading
Manga Loader log: reached "numPages" 12, assuming end of chapter
001002.jpg.webp:1 GET http://i.hamreus.com/ps1/g/gaofenshaonv/act_01/001002.jpg.webp 403 (Forbidden)
Manga Loader log: failed to load http://i.hamreus.com/ps1/g/gaofenshaonv/act_01/001002.jpg.webp

2018-03-03-17 14 54-screenshot

my browser info:
Chromium 64.0.3282.186
Tampermonkey 4.5
manga-loader 1.11.21

fix 8muses in NSFW

HELLO SIR M

script is not working on 8muses.com
would u please fix this problem ..

thanks you

Request support for Mangadex new reader as legacy reader will be killed off in the near future

They are going to kill off the legacy reader in the near future and this is from the announcement on their main page.

The legacy reader is incompatible with MangaDex@​Home so we'll likely be killing it off in the near future for the sake of the servers. Would recommend making the switch and getting used to the new reader! The options appearing above the images kind of layout legacy has will make a return in MangaDex v5.
https://mangadex.org/thread/269828

add manga.fascans.com and maigo.us

https://maigo.us/
http://manga.fascans.com/

Maigo has a weird reader with no chapter or page select so im not quite sure how to add it to the script, if anyone knows what to do i could use some help.

I think Fascans uses a reader from some other site but i havent been able to find it yet, i also couldnt get the chapter select and page select to work here either, so again if another wants to take up the task id be grateful.

[Site Request] For specific sources

Some fixes. How do I give them to you?

I fixed two of those other manga sites... You know, those.

Reach me through spamviper at gmail. I'll be paying attention for a while. Or answer me here, I wouldn't mind to be less cryptic.

Have to refresh the page for mangadex to work in waterfox

I seem to only have this problem in Waterfox, no problems with chromium or chrome.

basically when i open a chapter it shows the normal mangadex reader and i have to refresh the page for manga loader to run.

I would guess that it has something to do with when the page first loads the url is
mangadex.org/chapter/*
and then right away the url changes to
mangadex.org/chapter/ * / *

im not sure if a delay is needed somewhere or something but im not sure what to do to fix it.

Mangadex is re-doing their reader anyway https://mangadex.org/thread/13442/#post_90596 so idk if its worth fixing yet

Where is the settings icon?

Hello, thank you for this wonderful script. I was using another script similar to this but found this one more lightweight & fast. I am using both this & the nsfw loader. But in the manga loader, there is no settings icon at the bottom corner, just the page loaded number.

https://i.imgur.com/EUZN4Cu.png

But I get the settings icon in the nsfw loader. Am I missing something here?

Also 8muses does not work.

@namespace

the link in your @namespace leads to a malicious site, you should have it changed if it's not your site.

Integration Mangafreak : I've written the code in the msg, I know where the error is but don't know how to fix it.

Hello,

I've tried to integrate mangafreak in the extension, but no matter how hard I try – I've been at it for twelve hours – I don't manage to display more than one page. I think, my error is in the "next" variable part.

The pages are managed by javascript. When you click on the "next" button on the page or you use the right-arrow, the url doesn't change. I studied deeply their script, and what they do is quite simple really. They "display:none" all the pages except the one you are on. And when you change page, they "display:none" the page you were on and "display:block" the one you're going in.

But while I've managed to understand how their script work, I'm not good enough to understand yours. So I don't know how to fix what I know I'm doing wrong.

To explain quickly what I did, they have a "select" button to display the number of pages and allowing you to navigate them. The page you are on can easily be found via the variable "selectedIndex" of the options in the select.

From this option, I have the current page and so I only need to add +1 to display the next page.

I think the problem is that the script expect the url from the next page, while all I can offer is the element "img" or the link of the image.

The button "next" is formated thus : Next

If I try to put the "javascript:void;", it doesn't work. And the important part, the function "plusDivs(1)" – with the "1" being the number of pages you go forward or backward (it could be "3" or "-3") – doesn't work in the script since it expects an url. Like I explained, the function works in collaboration with others functions to display:none or block the pages so that you get in the one you want.

That's what I tried to do via two different methods. Here, I wrote both in the code – so with two returns in the function in succession – but obviously when I actually launch and test the code, I only use one of them.

Please, help me understand how I can make it work because I'm stumped and going crazy.

}, {
name: 'mangafreak',
match: "^https?://w13.mangafreak.net/*",
img: '#gohere',

/////IMPORTANT PART!!!!/////
next: function() {
// Return of the element img
return '.mySlides:nth-child(' + document.getElementById('select').options.selectedIndex + 1 + ') > img';
return document.getElementsByClassName('mySlides')[document.getElementById('select').options.selectedIndex + 1].children[0];

//Return of the link of the image (not of the next page)
return document.getElementsByClassName('mySlides')[document.getElementById('select').options.selectedIndex + 1].children[0].src;
},
////////////////////////////

numpages: '#select',
curpage: '#select',
nextchap: '.read_tools:nth-child(2) > span:last-child > a',
prevchap: '.read_tools:nth-child(2) > span:first-child > a'
}, {

I expect I'd have the same troubles if I wanted to integrate a website where the presentation if on "long strip" format. I wouldn't be able to deliver urls of pages, only the elements "img" or the links of said images.

Thank you in advance for your help and more importantly for having shared this awesome app with us.

Sincerely,

-aGnamZer0

PS: Could you maybe make your tutorial video on how to modify the code in YouTube public again?
PPS: I don't understand how the "pages" variable works. Maybe it could have been the solution to my problem.

mangadex.org

changed domain to .org and their reader code is changed, replacing URL match inside the script doesn't work

kissmanga not working from today

they may have updated something i see the button on bottom but when i click load manga it dont do anything
read property 'length' of undefined in console log of google chrome

  numpages: function() {
    return W.lstImages.length;       <-- length is undefined here line no 520 
  },

Tried reinstalling the script

MangaDex loading slow

For some reason while using the script with MangaDex the pages are loading extremely slow, while if you browse the manga through normal means the loading is way faster.

Is the NSFW version of this on sleazyfork dropped?

topic, saw that there was a nsfw version of this on sleazyfork, but it hasn't been updated in 3 years and multiple sites have issues and it doesn't even open on hitomi.la as an example despite saying its supported. is it dropped?

if it is, that's to bad, cause i like this version far better than the manga onlineviewer script.

p.s also tried to edit hitomi.la myself as a test based on the youtube video, but couldn't get it to work

inspect element on the image gave me:
"#comicImages > img:nth-child(1)"
and the next page:
"#nextPanel"

so tried with:
name: 'hitomi',
match: "^http(s)?://hitomi.la/reader/[0-9]+.html",
img: '#comicImages > img:nth-child(1)',
next: '#nextPanel',

but still doesn't load the script when i open any gallery.

Nfsw 8muses not working

Hello sir,

Actually changed 8muses url..... Now problem is next images are not showing (loading)
Please check the below code and and tell me what should I do for automatic image loader for 8muses...
Thank you

{
name: '8muses',
match: "^http(s)?://comics.8muses.com/comics/picture/[^/]+/[^/]+/[^/]+/.+",
img: function(ctx) {
var img = getEl('.photo img.image', ctx);
return img ? img.src : getEl('#imageDir', ctx).value + getEl('#imageName', ctx).value;
},
next: '.photo > a',
curpage: '#page-select-s',
numpages: '#page-select-s'
}, {

Double page + Infinite scroll

Is there a way to have two pages side-by-side + infinite scroll? No reader have this feature for some reason. Can you please add it? Or can this be done in CSS?

Feature Request: Auto retry failed images + Jump to page

Hey thanks for making this! Its great!

I just had a couple of suggestions i thought you could consider:

  1. An option to auto retry on images that fail to download. I use this script exclusively with manga.madokami.al and their server is a tad slow so sometimes images fail to download with this script.

  2. Jump to page option. In manga that are in volumes instead of chapters this would be super handy. (I think this really only applies to madokami.)

Thanks!

Manga Loader NSFW - Add Lanraragi support

Hello,

I love your script for most NSFW sites but could you add Lanraragi support? This is a self-hosted manga reader and this feature would be invaluable. Let me know if you have any questions. Thanks!

[Site Request] mangaplus

Hello and thank you for this amazing script
can you please add support for "https://mangaplus.shueisha.co.jp" their reader are awful.

Info about this site

Shueisha unveiled Shonen Jump+, a new digital publication that offers over 30 manga every month for free, on Monday. Some of the titles previously ran in Shuiesha's Jump Live app or in Weekly Shonen Jump magazine itself. The publication is available for reading on the web ~ source: animenewsnetwork

also

Everything You Need to Know about MANGA Plus by Shueisha

Japscan.cc

Hi,
the website Japscan.com change and is now Japscan.cc.
It don't working anymore with the bookmark.
Could you do the change please?
Best Regards,

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.