Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Multi-page Viewer: smooth scrolling disabled, can't zoom in/out?

 
post Dec 18 2016, 13:44
Post #1
kurtsnafu



Newcomer
*
Group: Members
Posts: 30
Joined: 14-April 14
Level 8 (Beginner)


Finally saved up enough hath to buy the multi-page viewer perk, only to be disappointed by the lack of smooth scrolling and zooming in/out. Since there is no option to scale the image to height, I need to zoom out of the page. Can someone please help, or is this really what I just worked for? (IMG:[invalid] style_emoticons/default/sad.gif)

I'm using Waterfox if it matters.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Dec 18 2016, 14:25
Post #2
runareo



Casual Poster
***
Group: Members
Posts: 141
Joined: 20-May 16
Level 161 (Ascended)


You can change the scaling in either dimension in the Image Size Settings section of the gallery settings page (uconfig) to change the scaling globally. This will add a css entry for each div of every page inside the mpv and the regular image viewer.
If you need to scale a single image, you can still right click an image inside the mpv and click "View Image" to open the raw image in a new tab of your browser where you can ctrl-scroll to zoom.

This post has been edited by runareo: Dec 18 2016, 14:30
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Dec 18 2016, 15:15
Post #3
FabulousCupcake



Casual Poster
****
Group: Gold Star Club
Posts: 433
Joined: 15-April 14
Level 420 (Godslayer)


I also felt the same about the scrolling.

The scroll wheel functions differently in macOS and Windows.
In Windows you always scroll the same amount per wheel tick (I think), but in macOS it could be smaller or larger depending on how fast you scroll.
The custom scroll function in MPV ignores scrolls below value of 20, which results in funny jerky scrolling behaviour in macOS.
That's the best understanding I can come up with.

Anyways, I just created this script to disable the custom scrolling mechanism in MPV:
Attached File  eh_mpv_dcs.user.js.txt ( 865bytes ) Number of downloads: 2888


*fixed include now

— v1.0.1 —
This one should work with the new gallery url pattern without the g. subdomain.
Attached File  ehg_mpv_dcs_v1.0.1.user.js.txt ( 901bytes ) Number of downloads: 1342


This post has been edited by FabulousCupcake: Jan 21 2017, 17:19
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Dec 18 2016, 16:24
Post #4
ctaglack



Casual Poster
****
Group: Gold Star Club
Posts: 427
Joined: 18-April 14
Level 500 (Godslayer)


QUOTE(FabulousCupcake @ Dec 18 2016, 13:15) *

I also felt the same about the scrolling.

The scroll wheel functions differently in macOS and Windows.
In Windows you always scroll the same amount per wheel tick (I think), but in macOS it could be smaller or larger depending on how fast you scroll.
The custom scroll function in MPV ignores scrolls below value of 20, which results in funny jerky scrolling behaviour in macOS.
That's the best understanding I can come up with.

Anyways, I just created this script to disable the custom scrolling mechanism in MPV:
[attachmentid=96188]

This is awesome, MPV is much better now, thank you! (IMG:[invalid] style_emoticons/default/laugh.gif)
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Dec 18 2016, 16:41
Post #5
kurtsnafu



Newcomer
*
Group: Members
Posts: 30
Joined: 14-April 14
Level 8 (Beginner)


QUOTE(runareo @ Dec 18 2016, 20:25) *

You can change the scaling in either dimension in the Image Size Settings section of the gallery settings page (uconfig) to change the scaling globally. This will add a css entry for each div of every page inside the mpv and the regular image viewer.
If you need to scale a single image, you can still right click an image inside the mpv and click "View Image" to open the raw image in a new tab of your browser where you can ctrl-scroll to zoom.


Cool. Set the height limit to 1015 and it fits perfectly now. Thanks!

QUOTE(FabulousCupcake @ Dec 18 2016, 21:15) *

I also felt the same about the scrolling.

The scroll wheel functions differently in macOS and Windows.
In Windows you always scroll the same amount per wheel tick (I think), but in macOS it could be smaller or larger depending on how fast you scroll.
The custom scroll function in MPV ignores scrolls below value of 20, which results in funny jerky scrolling behaviour in macOS.
That's the best understanding I can come up with.

Anyways, I just created this script to disable the custom scrolling mechanism in MPV:
[attachmentid=96188]

Weird, added it to GreaseMonkey but can't seem to make it work. It's still jittery and wonky. Any ideas what I'm doing wrong? I'm using Waterfox's built-in autoscrolling by the way. I've tried 2 other extensions but they don't work as well, even with your script. :/

EDIT: Nevermind, got it to work by changing the Included Webpages to http://ehentaihip.com/mpv/* and http://ehentaihip.com/mpv/* Thanks a lot! (Although smoothing on arrow keys don't work. Should it be working?)

This post has been edited by kurtsnafu: Dec 18 2016, 17:35
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Dec 18 2016, 17:19
Post #6
hzqr



Savagely Still
********
Group: Gold Star Club
Posts: 4,671
Joined: 13-May 09
Level 453 (Dovahkiin)


If it helps, I have a drag-to-zoom script that can be easily adapted to MPV (click on an image and drag it towards the right to zoom-in, towards the left to zoom-out):

[gist.github.com] https://gist.github.com/anonymous/2e71edf74...b347ad3b1da29d3

Haven't tested it on Firefox and its derivatives, but it should work. ish.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Dec 18 2016, 17:36
Post #7
kurtsnafu



Newcomer
*
Group: Members
Posts: 30
Joined: 14-April 14
Level 8 (Beginner)


QUOTE(hzqr @ Dec 18 2016, 23:19) *

If it helps, I have a drag-to-zoom script that can be easily adapted to MPV (click on an image and drag it towards the right to zoom-in, towards the left to zoom-out):

[gist.github.com] https://gist.github.com/anonymous/2e71edf74...b347ad3b1da29d3

Haven't tested it on Firefox and its derivatives, but it should work. ish.

It does, but it forces the window to have a horizontal scroll bar, which is pretty distracting. Plus the zoom-in feature of the browser itself is a bit wonky. The dragging part is fine though. Probably won't use it as I'm most comfortable with viewing while images are scaled to fit vertically, but thank you!

This post has been edited by kurtsnafu: Dec 18 2016, 17:36
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Dec 18 2016, 18:21
Post #8
FabulousCupcake



Casual Poster
****
Group: Gold Star Club
Posts: 433
Joined: 15-April 14
Level 420 (Godslayer)


QUOTE(kurtsnafu @ Dec 18 2016, 15:41) *

EDIT: Nevermind, got it to work by changing the Included Webpages to http://ehentaihip.com/mpv/* and http://ehentaihip.com/mpv/* Thanks a lot! (Although smoothing on arrow keys don't work. Should it be working?)


Fixed the includes now.
You can disable the custom scroll mechanism for the arrow keys by adding something like this on the script:

CODE
document.onkeydown = null;


This also disables the other keypress features though; e.g. left/right arrow to jump to previous/next page.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Dec 18 2016, 18:46
Post #9
kurtsnafu



Newcomer
*
Group: Members
Posts: 30
Joined: 14-April 14
Level 8 (Beginner)


QUOTE(FabulousCupcake @ Dec 19 2016, 00:21) *

Fixed the includes now.
You can disable the custom scroll mechanism for the arrow keys by adding something like this on the script:

CODE
document.onkeydown = null;


This also disables the other keypress features though; e.g. left/right arrow to jump to previous/next page.

Perfect! Thanks a lot!
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Dec 19 2016, 04:49
Post #10
blue penguin



in umbra, igitur, pugnabimus
***********
Group: Global Mods
Posts: 10,027
Joined: 24-March 12
Level 500 (Godslayer)


Nevertheless, script added to index. Which means that this thread becomes the script troubleshooting thread for the MPV scroll.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Dec 19 2016, 10:56
Post #11
fyxie



Newcomer
**
Group: Catgirl Camarilla
Posts: 97
Joined: 19-February 10
Level 282 (Godslayer)


I wrote a CSS mod for the multi-page viewer to make all images fit your browser. It requires the Stylish browser plugin.

The only drawback is that resizing the browser with this mod could cause you to lose your current page because the list shifts up/down. This overrides all three resize/align options when turned on.

CODE
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document regexp(".*?hentai.org/mpv/.*") {
  
  body { padding:0; }
  #pane_outer, #pane_images {height:100vh !important;}
  #pane_images_inner {font-size: 0;}

  .mi0 {    
    height:100vh !important;
    min-width:1px !important;
    max-width:100vw !important;
    width:auto !important;
    display: inline-block;
    border:0 !important;
    border-bottom:4px solid transparent !important;
    background-clip: padding-box !important;
    margin:0 !important;
    padding:0 0 24px 0 !important;
  }
  .mi1 { top:4px; }
  
  a[name^=page] { display: block; }
  a[name=page1] { margin:0;}
  
  img[id^=imgsrc_] {    
    max-width: calc(100vw - 225px) !important;
    /* max-width: 100vw !important; */ /* uncomment for no thumbnail pane width fitting */
    width:auto !important; height:100vh !important;
    object-fit: contain;
  }

}

Images fit the screen perfectly
Attached Image

Buttons are hidden until you scroll
Attached Image

Wide images also fit
Attached Image
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Dec 19 2016, 19:03
Post #12
blue penguin



in umbra, igitur, pugnabimus
***********
Group: Global Mods
Posts: 10,027
Joined: 24-March 12
Level 500 (Godslayer)


^ also indexed.

Works quite nicely, thanks. Just tested it.

This post has been edited by blue penguin: Dec 19 2016, 19:03
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Mar 7 2017, 19:27
Post #13
airhead



AKA technomo12
***
Group: Members
Posts: 192
Joined: 13-February 09
Level 236 (Godslayer)


Same problem but not on a pc but on a smart phone

Wish they found a way to have a nice sooth scrolling not just on the pc but also onsmart phones since my pc is now junk so forced to using a smart phone
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Mar 7 2017, 19:52
Post #14
blue penguin



in umbra, igitur, pugnabimus
***********
Group: Global Mods
Posts: 10,027
Joined: 24-March 12
Level 500 (Godslayer)


QUOTE(airhead @ Mar 7 2017, 17:27) *
sooth scrolling not just on the pc
Complain to... yourself, for buying smartphones.

smartphone JS is a much worse clusterfuck of compatibility that the summit of the browser wars (1st and 2nd summed).

This post has been edited by blue penguin: Mar 7 2017, 20:44
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Mar 7 2017, 20:42
Post #15
hzqr



Savagely Still
********
Group: Gold Star Club
Posts: 4,671
Joined: 13-May 09
Level 453 (Dovahkiin)


If you have access to Firefox Mobile on your phone, you can install userscripts (and by extension userstyles) via [addons.mozilla.org] usi
With enough tinkering you may be able to fix the scrolling issue
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Mar 15 2020, 04:22
Post #16
-The Dashing Dash-



I hope that doesn't make me a Brony...
*****
Group: Gold Star Club
Posts: 609
Joined: 4-March 16
Level 466 (Godslayer)


It wouldn't work when I copied the code. Am I missing something or is it an issue with the script?
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Apr 2 2022, 09:31
Post #17
x8720



Lurker
Group: Recruits
Posts: 6
Joined: 5-June 15
Level 218 (Destined)


I'm not an expert on javascript but I tried updating the script to disable custom scroll on touch screens as well.
Just add the following to the script posted above.

CODE
    document.getElementById("pane_images").removeEventListener("touchstart", do_touchstart, false);
    document.getElementById("pane_images").removeEventListener("touchmove", do_touchmove, false);
    document.getElementById("pane_images").removeEventListener("touchcancel", do_touchend, false);
    document.getElementById("pane_images").removeEventListener("touchleave", do_touchend, false);
    document.getElementById("pane_images").removeEventListener("touchend", do_touchend, false);

I'll attach the full script for easier installing if anyone wants.
Attached File  ehg_mpv_dcs_v1.0.2.user.js.txt ( 1.4k ) Number of downloads: 3


This post has been edited by x8720: Apr 2 2022, 09:33
User is offlineProfile CardPM
Go to the top of the page
+Quote Post


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 


Lo-Fi Version Time is now: 16th October 2022 - 05:28