Advanced Search

Results 1 to 4 of 4

Thread: flexible loadarea

  1. #1
    Join Date
    Oct 2012
    Posts
    19
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default flexible loadarea

    1) Script Title: Thumbnailviewer2

    2) Script URL (on DD):

    3) Describe problem: flexible loadarea-div

    I need a flexible loadarea-div (max-width: 800px, max-height: 600px)

    The loadarea is currently set to 600px. Images that are wider than 600 pixels overlay the next div (Info thumbnailtext). How can I adjust the Thumbnail Viewer, which displays the image (only) in the loadarea-div (possibly be cut)

    Code:
    <div class="image_50_50">
    	<?php
        $images = rwmb_meta( 'metabox_screenshot2', 'type=plupload_image' );
    		foreach ( $images as $image )
    		{
    		    echo "<a class='fancybox' rel='enlargeimage' rev='targetdiv:loadarea,trigger:mouseover' href='{$image['full_url']}' }'><img src='{$image['url']}' width='50' height='50' alt='{$image['alt']}' /></a>";
    		}
    	?>
    	</div><!--*image_50_50-->
    	
    	<div class="image_cat"> 			
    		<div id="loadarea" style="max-width: 600px;"></div>
    			<br class="clearfix" />
        </div><!--*image_cat-->
    Thanks so much!
    petra

  2. #2
    Join Date
    Oct 2012
    Posts
    19
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    Please I need your help.
    Info: It is a cms-page and the customer will upload full-size images.
    Therefore, I need a solution if the uploaded images are larger than 700px x 600px.
    (the full-size image are overlay everything – that is not good. The image should only be displayed inside the thumbnailviewer2-div (loadarea))
    I have already tried a lot - nothing works.
    What's the best way to solve my problem - perhaps to change the thumbnailviewer2.js ?

    Thanks so much
    petra

  3. #3
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,882
    Thanks
    16
    Thanked 288 Times in 287 Posts
    Blog Entries
    4

    Default

    Im not 100% sure but I think you should be able to target the img inside the div with CSS and use this fix: http://stackoverflow.com/questions/3...g-aspect-ratio
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  4. The Following User Says Thank You to Beverleyh For This Useful Post:

    papaver (10-31-2012)

  5. #4
    Join Date
    Oct 2012
    Posts
    19
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    Many thanks for your reply! They put me on the right way.
    It works with
    Code:
    #loadarea img { max-width: 700px; max-height: 600px; }
    Last edited by keyboard; 10-31-2012 at 09:09 PM. Reason: Format: Code Tags [code][/code]

Similar Threads

  1. Border Appears/Flexible Width
    By Abbster22 in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 11-23-2010, 04:35 PM
  2. [DHTML] Flexible AJAX table - DBGrid
    By BYK in forum Submit a DHTML or CSS code
    Replies: 15
    Last Post: 09-14-2008, 04:52 PM
  3. Flexible Gradient & Pattern Image Generator
    By ThomPatterson in forum Looking for such a script or service
    Replies: 0
    Last Post: 06-02-2008, 10:07 PM
  4. Replies: 2
    Last Post: 05-22-2008, 06:39 PM
  5. Three Columns - Middle Flexible in IE
    By dude9er in forum CSS
    Replies: 2
    Last Post: 12-29-2006, 03:18 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •