| 13 Apr 2011, 02:06 | |
|
Experienced Joined: 26 Mar 2011Posts: 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 |
| 14 Apr 2011, 20:55 | Re: Thumbnail pages in HTML version |
|
Imagevue Wizard Joined: 30 Sep 2006Posts: 7319 |
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. 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 ![]() ![]() ![]() ![]() www.imagevuex.com www.mjau-mjau.com www.photogallerylinks.com |
| 14 Apr 2011, 21:56 | Re: Thumbnail pages in HTML version |
|
Experienced Joined: 30 Jan 2011Posts: 359 The Netherlands |
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? B.t.w.... I saw that Yb.Ybema used 'Shadowbox' for his modifications _________________ ![]() |
| 14 Apr 2011, 23:24 | Re: Thumbnail pages in HTML version |
|
Experienced Joined: 26 Mar 2011Posts: 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. |
| 16 Apr 2011, 05:55 | Re: Thumbnail pages in HTML version |
|
Experienced Joined: 30 Jan 2011Posts: 359 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... _________________ ![]() |
| 16 Apr 2011, 08:15 | Re: Thumbnail pages in HTML version |
|
Experienced Joined: 26 Mar 2011Posts: 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? _________________ ![]() |
| 16 Apr 2011, 10:04 | Re: Thumbnail pages in HTML version |
|
Experienced Joined: 30 Jan 2011Posts: 359 The Netherlands |
Let me know if it worked for you. I'll let you now... can take a few days, though... 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... _________________ ![]() |
| 16 Apr 2011, 22:21 | Re: Thumbnail pages in HTML version |
|
Imagevue Wizard Joined: 30 Sep 2006Posts: 7319 |
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? 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 ![]() ![]() ![]() ![]() www.imagevuex.com www.mjau-mjau.com www.photogallerylinks.com |
| 17 Apr 2011, 11:12 | Re: Thumbnail pages in HTML version |
|
Experienced Joined: 30 Jan 2011Posts: 359 The Netherlands |
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... _________________ ![]() |
| 18 Apr 2011, 00:21 | Re: Thumbnail pages in HTML version |
|
Imagevue Hitman Joined: 2 May 2006Posts: 2858 |
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 ![]() ![]() ![]() ![]() dear-apple.com jaconda.im indexr gridpapr |
| 18 Apr 2011, 00:40 | Re: Thumbnail pages in HTML version |
|
Experienced Joined: 30 Jan 2011Posts: 359 The Netherlands |
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? _________________ ![]() |
| 19 Apr 2011, 11:18 | Re: Thumbnail pages in HTML version |
|
Imagevue Hitman Joined: 2 May 2006Posts: 2858 |
Folder preview images been added and will be released in 2.7
_________________ Nick // Imagevue ![]() ![]() ![]() ![]() dear-apple.com jaconda.im indexr gridpapr |
| 20 Apr 2011, 09:33 | Re: Thumbnail pages in HTML version |
|
Experienced Joined: 30 Jan 2011Posts: 359 The Netherlands |
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. _________________ ![]() |
| 20 Apr 2011, 12:15 | Re: Thumbnail pages in HTML version |
|
Experienced Joined: 26 Mar 2011Posts: 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())) ?> _________________ ![]() |
| 20 Apr 2011, 13:12 | Re: Thumbnail pages in HTML version |
|
Experienced Joined: 30 Jan 2011Posts: 359 The Netherlands |
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 But it works with my modifications and that's all that matters... Thanks anyway for your help! _________________ ![]() |






