[RC] Highslide 4.1.8 Zoom/Slideshow/Watermark (Gallery)

A place for MOD Authors to post and receive feedback on MODs still in development. No MODs within this forum should be used within a live environment!
Suggested Hosts
User avatar
jonnilaumann
Registered User
Posts: 56
Joined: Mon Nov 30, 2009 12:32 am

Re: [RC] Highslide 4.1.8 Attachment Slideshow/Gallery MOD

Post by jonnilaumann »

Also, what kind of photo gallery are you using on your site? It's great!
NONE. and i do NOT want a separate gallery.. ..tried them ALL..hehe... :lol:

In http://www.parafun.dk/paragliding (my live 3.0.4 forum) just have 3 very small and easy Mods:
[BETA]-My Highslide 4.1.8 Mod (zoom-slideshow-watermark)
[DEV]-Last X Mod -by 4_seven (sliding thumb in header on board Index)
[DEV]-First [Attachment] Mod (small thumbs in viewforum)- by 4_seven

-on http://www.parafun.dk/testforum (3.0.6) i have:
[BETA]-My Highslide 4.1.8 Mod (zoom-slideshow-watermark)
[DEV]-Last X Mod -by 4_seven (sliding thumb in header on all forum Index)
[DEV]-Last X Mod -by 4_seven (static thumbs in header on board Index)
[DEV]-First [Attachment] Mod (small thumbs in viewforum)- by 4_seven

Screenshot.Last X [attachment] Mod ..on Board index-By 4_seven:
Image

Screenshot.First Topic [Attachment] Mod..in viewforum-By 4_seven:
Image

Note:Im helping 4_seven as beta tester on "LastX" and "First[attachment]" (my guru-he is a bad coder :ugeek: )..and i help with modX for these.
-He does all the php coding for Last X and First[Attachment]....and many more
-He also did a First [img]...for the [img] BBcode

Download sites, testsites, and support here (German Site but with eng support):
http://4seven.kilu.de/forum/phpbb3/index.php or: http://4seven.kilu.de/phpbb3/index.php
Last edited by jonnilaumann on Thu Jan 21, 2010 1:23 pm, edited 8 times in total.
sevenalive
Translator
Posts: 437
Joined: Thu Feb 07, 2008 4:45 am

Re: [RC] Highslide 4.1.8 Attachment Slideshow/Gallery MOD

Post by sevenalive »

Great work.
Last edited by sevenalive on Thu Jan 21, 2010 6:29 pm, edited 1 time in total.
User avatar
jonnilaumann
Registered User
Posts: 56
Joined: Mon Nov 30, 2009 12:32 am

Re: [RC] Highslide 4.1.8 Attachment Slideshow/Gallery MOD

Post by jonnilaumann »

Thumbsstrip image width:
highslide.css:
.highslide-thumbstrip-vertical img {
max-width: 60px;}
some Browsers(like old IE) dont do: max-width(no w3c) try just: width: 60px;
great work
;) Thanks...Will never stop developing ;)..And thanks for checkin my first mod.. means alot....have seen your homepages..you are good :D
Last edited by jonnilaumann on Wed Jan 27, 2010 9:53 am, edited 10 times in total.
sevenalive
Translator
Posts: 437
Joined: Thu Feb 07, 2008 4:45 am

Re: [RC] Highslide 4.1.8 Attachment Slideshow/Gallery MOD

Post by sevenalive »

I have fixed the modx issues and spacing issues for you. I also removed the link ref to the highslide stylesheet since it is not needed, it's already included in the overall header.

I also included the no borders tweak, and the caption on the image tweak, which now the caption is no longer in the attachment box, it only shows up on highslide popup.
Last edited by sevenalive on Thu Jan 21, 2010 6:31 pm, edited 2 times in total.
sevenalive
Translator
Posts: 437
Joined: Thu Feb 07, 2008 4:45 am

Re: [RC] Highslide 4.1.8 Attachment Slideshow/Gallery MOD

Post by sevenalive »

Ya i been helping a lot of mod authors and fixing/updating there mods for 3.0.6
Last edited by sevenalive on Thu Jan 21, 2010 6:32 pm, edited 2 times in total.
User avatar
jonnilaumann
Registered User
Posts: 56
Joined: Mon Nov 30, 2009 12:32 am

Re: [RC] Highslide 4.1.8 Attachment Slideshow/Gallery MOD

Post by jonnilaumann »

Just Important for me to keep .css orig and then do tweak!!(easy update to admin/users)
This is my pref in ModX:

Code: Select all

<!-- IF _file.COMMENT -->{_file.COMMENT}<!-- ENDIF -->     
	<!-- ENDIF -->
-this is default phpbb with comment under thumb in attachment box...and easy to remove if that is pref.
Last edited by jonnilaumann on Thu Jan 28, 2010 9:11 am, edited 3 times in total.
sevenalive
Translator
Posts: 437
Joined: Thu Feb 07, 2008 4:45 am

Re: [RC] Highslide 4.1.8 Attachment Slideshow/Gallery MOD

Post by sevenalive »

I modified the css to remove the little black border on top. I don't think that's a highslide.css issue because i used the default css from the website and it didn't have that.

I also put the caption in the picture.

Honestly don't worry about the css, most people will customize it anyway, so slightly changing it isn't a big deal and does not affect updates at all.

The bbcode is made in the ACP>Posting>BBCodes. Just create the bbcode using this:

usage:

Code: Select all

[image]{URL}[/image]
html replacement:

Code: Select all

<div class="highslide-gallery">
	<a href="{URL}" class="highslide" onclick="return hs.expand(this)"><img src="{URL}" alt="" title="Click to enlarge" style="max-width:320px;" /></a><div class="highslide-heading"></div>
</div>
help me text:

Code: Select all

Image: [image]link to image[/image]
of course you need to edit the highslide.css and change the thumbnail img from max-wdith: 60px to width: 60px or you will have that issue as seen in my screenshot.
Last edited by sevenalive on Thu Jan 21, 2010 6:36 pm, edited 1 time in total.
User avatar
jonnilaumann
Registered User
Posts: 56
Joined: Mon Nov 30, 2009 12:32 am

Re: [RC] Highslide 4.1.8 Attachment Slideshow/Gallery MOD

Post by jonnilaumann »

I also put the caption in the picture.
me to on all my forum..but to be as barebones i do not want that change in .css (better users tweak i think)
The bbcode is made in the ACP>Posting>BBCodes. Just create the bbcode using this:
oki, now i see.. but bbcode dosnt make a thumbnail. It just shows the image full size, thats why people use mod like Reimg Resize. I have tried this mod :cry: but it have load issues(same as your bbcode) and dos not resize (make a thumbnail), it just shows the full image fitted=HUGE load time when 2-4 images.
I have discussed this issue with other bad coders..and they say phpbb will have limit issues to make a script that makes thumb to resizes remote url images.Highslide need thumb and image src. And i dont think bbcode allows script. A Thumbnail Script is needed i think, but this is extream hard and maybe impossible.
With your highslide BBcode It just shows the image fullsize, no thumb is created with bbcode.So if user url to a ex 3000x3000px img...your bbcode [highslide] will show the full size image in div with ex 320px..meaning loadtime will be the same as looking at img fullsize...You folloW??

I have asked for a BBcode or mod like you are trying too..but its a dream i think..
Instead of [img] or your [highslide]..I tell my users to download whatever image from whatever page, and THEN-> upload image to forum from their pc... with attachment in phpbb
..but a BBcode [highslide] with thumbnail creation for remote image URL... would be extream nice and a dream for me too

Are you webmaster here??????:if so... nice :ugeek:
http://sevenupdate.com,http://sevenupdate.com/forum/
Last edited by jonnilaumann on Thu Jan 21, 2010 7:34 pm, edited 4 times in total.
sevenalive
Translator
Posts: 437
Joined: Thu Feb 07, 2008 4:45 am

Re: [RC] Highslide 4.1.8 Attachment Slideshow/Gallery MOD

Post by sevenalive »

Ya I am, i created Seven Update, thanks.

Anyway, i think what your stating. It may be 320px on the post, but the forum actually loads the entire fullsize image? If so, that is an unnecessary load and will consider removing that option entirely and just use attached images.
Last edited by sevenalive on Thu Jan 21, 2010 6:38 pm, edited 1 time in total.
User avatar
jonnilaumann
Registered User
Posts: 56
Joined: Mon Nov 30, 2009 12:32 am

Re: [RC] Highslide 4.1.8 Attachment Slideshow/Gallery MOD

Post by jonnilaumann »

ABOUT BBCODE!!!!!! img on remote url..... [img]
Anyway, i think what your stating. It may be 320px on the post, but the forum actually loads the entire fullsize image?
YES, sadly. some day... someone will do a Mod hopefully :D
Last edited by jonnilaumann on Sun Jan 24, 2010 9:57 pm, edited 1 time in total.
User avatar
jonnilaumann
Registered User
Posts: 56
Joined: Mon Nov 30, 2009 12:32 am

Re: [BETA] Highslide 4.1.8 Attachment Slideshow/Gallery MOD

Post by jonnilaumann »

ModX updatet to 3.0.0
-no border implemented in css
-watermark implemented
-overall_header.html now only hs.wrapperClassName = 'borderless dark';
-fixed subsilver2
-file comment default on image

23 jan 2010..time.1650
ModX updatet to 4.0.1
Last edited by jonnilaumann on Sun Jan 24, 2010 6:17 pm, edited 5 times in total.
User avatar
Dangerell
Registered User
Posts: 89
Joined: Mon Oct 13, 2008 7:05 am
Location: Romania
Name: Cristi
Contact:

Re: [BETA] Highslide 4.1.8 Zoom/Slideshow/Watermark (Gallery)

Post by Dangerell »

Nice mod, ill give it a try. :D
User avatar
jonnilaumann
Registered User
Posts: 56
Joined: Mon Nov 30, 2009 12:32 am

Re: [BETA] Highslide 4.1.8 Zoom/Slideshow/Watermark (Gallery)

Post by jonnilaumann »

!!!!!!Why dont they all (browsers) just join W3C :shock:!!!!!!!!!!!!!!

UPDATED TO 4.0.5 !!!!!!! ;)
-to all users........update to 4.0.5!!
Last edited by jonnilaumann on Thu Jan 28, 2010 9:17 am, edited 10 times in total.
sevenalive
Translator
Posts: 437
Joined: Thu Feb 07, 2008 4:45 am

Re: [BETA] Highslide 4.1.8 Zoom/Slideshow/Watermark (Gallery)

Post by sevenalive »

For simple revisions your versioning seems to be non conventional.

3.0.0 to 3.0.1 to 3.0.2
or even 3.0.0 to 3.1.0 to 3.2.0

3.0.0 to 4.0.0 seems to be a major change or update when it's actually not.

I think the only thing you should remove is the HTML code from the highslide.css. People can easily use the YUI Compressor to min the css on their own.
sevenalive
Translator
Posts: 437
Joined: Thu Feb 07, 2008 4:45 am

Re: [BETA] Highslide 4.1.8 Zoom/Slideshow/Watermark (Gallery)

Post by sevenalive »

I managed to fix the controlbar being at the very top using the offset variable.

Code: Select all

// Add the controlbar
	if (hs.addSlideshow) hs.addSlideshow({
		overlayOptions: {
			offsetY: 20
		},
A great idea would be to implement:

Code: Select all

<div class="hidden-container">
If there is a way to insert that div around all attachments except the first one. That would hide all other attachments like this: http://highslide.com/examples/gallery-t ... above.html

It would keep a post with multiple attachments clean, maybe even a way to specify the highlighted thumbnail by inserting it into the post.

Also you need to add

Code: Select all

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}highslide/highslide-ie6.css" />
<![endif]-->
to the overall_header
Locked

Return to “[3.0.x] MODs in Development”