User

Welcome, Guest. Please login or register.
Did you miss your activation email?


Login with username, password and session length

Select language:

Community



Donate

Donate for PortaMx !
Your donation is safe and helps support the issues and causes you care most about.

Stats

  • *Total Members: 4038
  • *Latest: loplo

  • *Total Posts: 15704
  • *Total Topics: 2329
  • *Online Today: 20
  • *Most Online: 157
(27 Aug 09, 03:54:53)
  • *Users: 0
  • *Guests: 19
  • *Total: 19

Author Topic: [TIP] HighSlide for rescaled inline images  (Read 891 times)

0 Members and 1 Guest are viewing this topic.

Offline feline

  • CO PortaMx corp.
  • Administrator
  • *
  • Posts: 5242
  • Gender: Female
[TIP] HighSlide for rescaled inline images
« on: 29 Dec 11, 14:50:06 »
With two small changes you can use the PortaMx HighSlide for rescaled (smaller) inline images (img tags).
Step 1.. Open the file /Sources/Subs.php and find (~ Line 1269)
Code: [Select]
'content' => '<img src="$1" alt="{alt}"{width}{height} class="bbc_img resized" />',
'validate' => create_function('&$tag, &$data, $disabled', '
$data = strtr($data, array(\'<br />\' => \'\'));
if (strpos($data, \'http://\') !== 0 && strpos($data, \'https://\') !== 0)
$data = \'http://\' . $data;
'),

Replace with:
Code: [Select]
'content' => '<a href="$1" class="highslide" title="Click to enlarge" onclick="return hs.expand(this, {align: \'center\', headingEval: \'this.thumb.alt\'})"><img src="$1" alt="{alt}"{width}{height} class="bbc_img resized" /></a>',
'validate' => create_function('&$tag, &$data, $disabled', '
$data = strtr($data, array(\'<br />\' => \'\'));
if (strpos($data, \'http://\') !== 0 && strpos($data, \'https://\') !== 0)
$data = \'http://\' . $data;
'),

Step 2.. Open the file /Themes/default/scripts/theme.js and find (~ Line 39)
Code: [Select]
// Add a load event for the function above.
addLoadEvent(smc_toggleImageDimensions);

Replace with:
Code: [Select]
// Add a load event for the function above.
// addLoadEvent(smc_toggleImageDimensions);

Admin - Features and Options - Layout SettingsNow go to Admin - Features and Options - Layout:

Set Max width of posted pictures and Max height of posted pictures to a smaller value, as example 200

Now all NEW inserted images are resized to 200px and can expand in HighSlide with a click on the image.
For exiting images in topics, edit the topic and save it again (without any change).
Many are stubborn in relation to the path, a few in relation to the target.

Offline agent47

  • Newbie
  • *
  • Posts: 45
  • Gender: Male
    • Superhero Alliance
Re: [TIP] HighSlide for rescaled inline images
« Reply #1 on: 25 Jan 12, 15:15:30 »
This is pretty damn awesome! Love it! Thanks a load feline.