User avatar
Experienced
Joined: 26 Mar 2011
Posts: 27
Oslo
Hi,

I already changed the HTML version quite a bit as you can see and I am wondering the following:

* Is it possible to make similar thumbnail pages as they appear in the Flash version, so people won't have to scroll down when you have a lot of thumbnails.

* Is it possible to show the assigned thumbnail-folder instead of the predefined folder icons, this is why I changed mine for example.

http://www.ybemaphotography.com/?p=html

I would like to know if there is anything you would suggest to change in the HTML or Flash version.

With regards,

Yb


Re: Thumbnail pages in HTML version
User avatar
Imagevue Wizard
Joined: 30 Sep 2006
Posts: 7280
yb.ybema wrote
Is it possible to make similar thumbnail pages as they appear in the Flash version, so people won't have to scroll down when you have a lot of thumbnails.

This may be possible with some javascript solution, but is not the norm in HTML and rather one of main differences between flash and Html. In flash, you can't really have the scrollbar (except in some pseudo fashion), while in Html you are actually forced to use it (if the page content extends beyond the users browser area). You can not easily fix this.

yb.ybema wrote
Is it possible to show the assigned thumbnail-folder instead of the predefined folder icons, this is why I changed mine for example.

You mean display the folder preview image? I am sure this would be possible, although I am not sure at what level you have currently taken the customization into your own hands. Looks good though!

Maybe Nick can contribute to the question above ...

_________________
Karl / mjau-mjau

Image
Image
Image
Image

www.imagevuex.com
www.mjau-mjau.com
www.photogallerylinks.com


Re: Thumbnail pages in HTML version
User avatar
Experienced
Joined: 30 Jan 2011
Posts: 355
The Netherlands
mjau-mjau wrote
Looks good though!

Sure looks good!
I'm tempted to make modifications to my html-site myself...
... but then again, what can we expect in this area from version 2.8 when html is going to be redesigned?

:?: Karl, can you give any insights on this?

B.t.w.... I saw that Yb.Ybema used 'Shadowbox' for his modifications

_________________
Image


Re: Thumbnail pages in HTML version
User avatar
Experienced
Joined: 26 Mar 2011
Posts: 27
Oslo
Nice website yourself Mabro. And I like your photography, really good.
About your site.. I like how you placed your menu centered on the left side and used your logo to activate it. Any insight in how you achieved this? I also like your structure and how your thumbs work when you click a subject. Well done!

Indeed I used shadowbox for my HTML gallery as I think it is better for different screen resolutions like mobile devices. With the Lightview version I had to scroll, especially with bigger images. Shadowbox always shows in one window.


Re: Thumbnail pages in HTML version
User avatar
Experienced
Joined: 30 Jan 2011
Posts: 355
The Netherlands
Hi Yb,

I couldn't resist the temptation to delve into Shadowbox...
Could you give me a hint at which templates you had to modify to get the results you had?
As far as I can see... one has to adjust 'layout.phtml' and 'index.html.phtml'... are these the only two?

Would it be possible to send me your adapted versions of these two (or more) files?
So I can figure it out myself...

_________________
Image


Re: Thumbnail pages in HTML version
User avatar
Experienced
Joined: 26 Mar 2011
Posts: 27
Oslo
Quote
As far as I can see... one has to adjust 'layout.phtml' and 'index.html.phtml'... are these the only two?


Indeed you only have to adjust two files:

* Add the shadowbox script in the "layout.phtml" using this link: http://www.shadowbox-js.com/usage.html

* Change rel="colorbox" to rel="shadowbox[YP] in the "index.phtml" on line 64 (Thumbnail div)
In this example I added [YP] to give all the thumbnails the same gallery name so all images will be displayed when you start in slideshow mode. Leaving the "[YP]" out will only show single images.

Let me know if it worked for you.



In addition I have another question:

I added thumbnails to my "Travel Impressions - Folder" and in Flash the thumbnail works as a link to a sub-folder.
Example: http://www.ybemaphotography.com/#/content/travel

In the HTML version the link doesn't work anymore and now only shows the single image. Any idea how to make the thumbnail in HTML linkable to a sub-folder?
Example: http://www.ybemaphotography.com/?content%2Ftravel%2F

Any solution for this?

_________________
Image


Re: Thumbnail pages in HTML version
User avatar
Experienced
Joined: 30 Jan 2011
Posts: 355
The Netherlands
yb.ybema wrote
Let me know if it worked for you.

I'll let you now... can take a few days, though...

yb.ybema wrote
Any idea how to make the thumbnail in HTML linkable to a sub-folder?

I'm afraid there is no solution to this. At least I do not now one.
Searching in the forums I found this (a bit older) link in which is stated that the html version has not the full functionality of the flash gallery.
http://www.imagevuex.com/forum/viewtopic.php?f=32&t=6511&p=23802&hilit=link+html#p23802

I really like to now what the redesign of the html-site (which is supposed to be a part of the future version 2.8 ) will mean to us...
:?: Karl, can you give any insights :?:

_________________
Image


Re: Thumbnail pages in HTML version
User avatar
Imagevue Wizard
Joined: 30 Sep 2006
Posts: 7280
mabro wrote
I'm tempted to make modifications to my html-site myself...
... but then again, what can we expect in this area from version 2.8 when html is going to be redesigned?

:?: Karl, can you give any insights on this?

B.t.w.... I saw that Yb.Ybema used 'Shadowbox' for his modifications

The current Imagevue Html version was simply created as a fallback option with no scalability in mind. The new Html version in X2.8 will be based on a new framework, and it should be easier to modify- and create your own templates. So what can be expected?

#1 - A brand new default Html version designed from ground up.
#2 - Most likely a few templates
#3 - A new framework allowing easir building and modification of your own templates through CSS- and template files.

_________________
Karl / mjau-mjau

Image
Image
Image
Image

www.imagevuex.com
www.mjau-mjau.com
www.photogallerylinks.com


Re: Thumbnail pages in HTML version
User avatar
Experienced
Joined: 30 Jan 2011
Posts: 355
The Netherlands
mjau-mjau wrote
The new Html version in X2.8 will be based on a new framework, and it should be easier to modify- and create your own templates. So what can be expected?
#1 - A brand new default Html version designed from ground up.
#2 - Most likely a few templates
#3 - A new framework allowing easir building and modification of your own templates through CSS- and template files.

Karl, this sounds good!
It is great how Imagevue is constantly developing.

Just some features I hope for:
- multi-lingual
- working links (for images and folders)
- multiple backgrounds
- folder preview images...
:D

_________________
Image


Re: Thumbnail pages in HTML version
User avatar
Imagevue Hitman
Joined: 2 May 2006
Posts: 2857
We will add folder thumbnails, but maybe you will have to wait for the next release. To have nice looking thumbnails we got to keep in consideration different thumbnails sizes in different subfolders and this will require some changes in code.

_________________
Nick // Imagevue

Image
Image
Image
Image

dear-apple.com jaconda.im indexr gridpapr


Re: Thumbnail pages in HTML version
User avatar
Experienced
Joined: 30 Jan 2011
Posts: 355
The Netherlands
pain wrote
We will add folder thumbnails, but maybe you will have to wait for the next release.

Ah... this does mean that even in the version 2.7, which will be release in beta somewhere this week, there are some changes in the html-site? Like thumbnails for folders?

_________________
Image


Re: Thumbnail pages in HTML version
User avatar
Imagevue Hitman
Joined: 2 May 2006
Posts: 2857
Folder preview images been added and will be released in 2.7

_________________
Nick // Imagevue

Image
Image
Image
Image

dear-apple.com jaconda.im indexr gridpapr


Re: Thumbnail pages in HTML version
User avatar
Experienced
Joined: 30 Jan 2011
Posts: 355
The Netherlands
yb.ybema wrote
Indeed you only have to adjust two files:
* Add the shadowbox script in the "layout.phtml" using this link: http://www.shadowbox-js.com/usage.html
* Change rel="colorbox" to rel="shadowbox[YP] in the "index.phtml" on line 64 (Thumbnail div)
In this example I added [YP] to give all the thumbnails the same gallery name so all images will be displayed when you start in slideshow mode. Leaving the "[YP]" out will only show single images.
Let me know if it worked for you.

At last I had it worked out, but I had to adjust something more.
I had to change the beginning of line 64 in 'index.html.phtml' (besides changing colorbox in shadowbox) as follows:
Code
OLD:
<a rel="shadowbox[MBR]" href="<?php echo ($this->useLightview ? $item->getPrimary() : '?' . urlencode($item->getPrimary())) ?>"
NEW:
<a rel="shadowbox[MBR]" href="<?php echo str_replace("'", "\'", $item->getPrimary()); ?>"

The code that was created was as follows:
Code
OLD:
<a rel="shadowbox[MBR]" href="?content%2Freizen%2Fladakh.jpg"
NEW:
<a rel="shadowbox[MBR]" href="content/reizen/ladakh.jpg"

It seems that Shadowbox does not work with characters like '%2F' for '/'.
It is strange that the code that is being generated for your html-site does not have this percent-encoding.

_________________
Image


Re: Thumbnail pages in HTML version
User avatar
Experienced
Joined: 26 Mar 2011
Posts: 27
Oslo
Quote
It is strange that the code that is being generated for your html-site does not have this percent-encoding.


I am not sure if I understand what you are saying.

My code seems to work fine and I am using:

<a rel="shadowbox[YP]" href="<?php echo ($this->useLightview ? $item->getPrimary() : '?' . urlencode($item->getPrimary())) ?>

_________________
Image


Re: Thumbnail pages in HTML version
User avatar
Experienced
Joined: 30 Jan 2011
Posts: 355
The Netherlands
yb.ybema wrote
My code seems to work fine and I am using:
<a rel="shadowbox[YP]" href="<?php echo ($this->useLightview ? $item->getPrimary() : '?' . urlencode($item->getPrimary())) ?>

Well, it is strange... this line of code won't work with me. Perhaps that the software of my serviceprovider is generating different code than yours. In your code there is the '/', in my code there is '%2F'.
I don't have too much knowledge (none at all actually :) ) of these matters.
But it works with my modifications and that's all that matters...

Thanks anyway for your help!

_________________
Image


cron
 
Imagevue Forums HomeForum  View topic - Thumbnail pages in HTML version16 posts