1. // ==UserScript==
  2. // @name The Nude - Show directly thumbnails of Actress in "Appears with:" - TEST 3
  3. // @description Show directly thumbnails of Actress in "Appears with:" section. With the help of indefined (thanks)
  4. // @author janvier57
  5. // @namespace https://greasyfork.org/users/7434
  6. // @include https://www.thenude.com/*
  7. // @match https://www.thenude.com/*
  8. // @version 3
  9. // @license unlicense
  10. // @grant none
  11. // ==/UserScript==
  14. // GOOD 1
  15. //.bio-list>li> a[data-img^="https://static.thenude.com/models/"]
  17. $( ".bio-list>li> a[data-img^='https://static.thenude.com/models/']" ).each(function() {
  18. var attr = $(this).attr('data-img');
  19. if (typeof attr !== typeof undefined && attr !== false) {
  20. // 'url('+attr+')' should be "url("+attr+")"
  21. $(this).css('background-image' , 'url("'+attr+'")' );
  22. }
  23. })
  24. // NOT GOOD 2 - RECENT NEWCOMMERS
  25. //https://www.thenude.com/newcomers
  26. //.table.table-hover.table-condensed.model-list-table>tbody>tr>td>a[data-img^='https://static.thenude.com/models/']
  28. $( ".table.table-hover.table-condensed.model-list-table>tbody>tr>td>a[data-img^='https://static.thenude.com/models/']" ).each(function() {
  29. var attr = $(this).attr('data-img');
  30. if (typeof attr !== typeof undefined && attr !== false) {
  31. // 'url('+attr+')' should be "url("+attr+")"
  32. $(this).css('background-image' , 'url("'+attr+'")' );
  33. }
  34. })
  37. // add CSS
  38. $('head').append(`
  39. <style type='text/css'>
  40. ul.bio-list {
  41. display: inline-block !important;
  42. text-align: left !important;
  43. }
  44. ul.bio-list li {
  45. text-align: left !important;
  46. }
  48. ul.bio-list .list-quest {
  49. display: inline-block;
  50. width: 100% !important;
  51. text-align: left !important;
  52. font-size: 15px !important;
  53. background: #111;
  54. }
  55. ul.bio-list >li> a[data-img^='https://static.thenude.com/models/'] {
  56. display: inline-block !important;
  57. vertical-align: bottom !important;
  58. background-size : contain !important;
  59. background-repeat : no-repeat !important;
  60. background-position: center 25px !important;
  61. line-height: 15px !important;
  62. height: 100% !important;
  63. min-height : 195px !important;
  64. max-height : 195px !important;
  65. width : 100% !important;
  66. min-width : 150px !important;
  67. max-width : 150px !important;
  68. margin: 0 -45px 5px 0 !important;
  69. padding: 5px 0 0px 0 !important;
  70. text-align: center !important;
  71. font-size: 15px !important;
  72. overflow: hidden !important;
  73. background-color: black !important;
  74. border: 1px solid red !important;
  75. }
  76. /* GOOD2 */
  77. .table.table-hover.table-condensed.model-list-table>tbody>tr>td>a[data-img^='https://static.thenude.com/models/'] {
  78. display: inline-block !important;
  79. vertical-align: bottom !important;
  80. background-size : contain !important;
  81. background-repeat : no-repeat !important;
  82. background-position: center 25px !important;
  83. line-height: 15px !important;
  84. height: 100% !important;
  85. min-height : 195px !important;
  86. max-height : 195px !important;
  87. width : 100% !important;
  88. min-width : 150px !important;
  89. max-width : 150px !important;
  90. margin: 0 -45px 5px 0 !important;
  91. padding: 5px 0 0px 0 !important;
  92. text-align: center !important;
  93. font-size: 15px !important;
  94. overflow: hidden !important;
  95. background-color: black !important;
  96. border: 1px solid red !important;
  97. background-image: url("https://static.thenude.com/models/Fit Kitty_53326/starthumb.jpg") !important;
  98. }
  99. </style>
  100. `)
  101. console.log('TheNude: CSS added')

New test (but fail) to add thumbnails to:

https://www.thenude.com/newcomers

Not retrive the thumbnails and not add the CSS