Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
 Manga
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #5
RE: Manga
You can, but you can't control the thumbnail size to be created. You can use Multiline Textbox input type and accept multiple values for replacing the Multi Files input type.

Here is a simple example for this (replace the Images input type with this one):
  • Title: Images
  • Key: manga_images
  • Applicable Forums: Select the Manga forum
  • Hide on Show thread: Checked
  • Input Field Type: Multiline Textbox
  • Display Order: 3
  • Editable by / Required Field? Everyone (required)
  • Allow multiple values for this field: Yes
    Since we use Multiline Textbox, so we need to use newlines for each links.
    Please use direct image links on it.
  • Maximum Number of Values: 24
    The maximum number of "images/pages" can be linked. Modify it as our needs.
  • Text Mask Filter: URL (HTTP/S)
    Modify it as our needs (if only allowing for a specific images services or have a specific URL pattern).
  • Description: Please enter the images link ordered by the page. Use newlines (ENTER) for each links.
    Modify it as our needs.
  • Display Format:

    HTML Code
    <div style="text-align: center">{VALUE}</div><br class="clear" />
    <link rel="stylesheet" href="cache/lightbox/css/lightbox.css">
    <script src="cache/lightbox/js/lightbox.min.js"></script>
    <script>lightbox.option({fitImagesInViewport:false});</script>

  • Multiple Value Delimiter:

    HTML Code
    <span></span>

  • Display Item Format:

    HTML Code
    <a href="{VALUE}" data-lightbox="manga"><img src="{VALUE}" alt="" style="border: 1px solid #c1c1c1; padding: 5px; margin: 20px; width: 120px; height: 120px;" /></a>

    The above code will resize the large image to 120x120, but the actual images are still loaded. The bad things is, if there are many images on the page, it will be loaded very slow.
    To "resolve" it, some images sharing/upload-er services have a specific API for using the thumbnail. Usually it has a "mark" inside the original image links. So maybe we need to change the second {VALUE} to the thumbnail link.


Without modifying any templates (for testing reason), here is the scr:
   

11-13-2015 01:41 AM
Find all posts by this user Quote this message in a reply

« Next Oldest | Next Newest »

Messages In This Thread
Manga - RateU - 11-08-2015, 07:01 AM
RE: Manga - ZiNgA BuRgA - 11-08-2015, 10:10 PM
RE: Manga - RateU - 11-09-2015, 05:37 AM
RE: Manga - nguyenac - 11-12-2015, 03:30 PM
RE: Manga - RateU - 11-13-2015 01:41 AM
RE: Manga - nguyenac - 11-14-2015, 10:19 PM
RE: Manga - ZiNgA BuRgA - 11-13-2015, 10:52 AM
RE: Manga - RateU - 11-15-2015, 01:04 AM
RE: Manga - nguyenac - 11-15-2015, 12:32 PM
RE: Manga - RateU - 11-16-2015, 12:55 AM
RE: Manga - nguyenac - 11-16-2015, 11:44 PM
RE: Manga - RateU - 11-17-2015, 12:31 AM
RE: Manga - Yondaime - 01-21-2016, 10:54 PM
RE: Manga - Waleed - 01-25-2016, 05:21 AM
RE: Manga - TheStoryteller - 12-31-2021, 09:34 PM

 Standard Tools
Forum Jump: