Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1] 2 3   Go Down

Author Topic: Picture navigation plugin for cpg1.5.x  (Read 43787 times)

0 Members and 1 Guest are viewing this topic.

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Picture navigation plugin for cpg1.5.x
« on: November 30, 2010, 06:12:09 pm »

If you install this plugin you can go to the prev/next image by clicking on the appropriate area of next to the image. If a full-sized picture exists, you can access it by clicking in the middle of the picture. The mouse cursor will change its icon so you can easily see what will happen when you click.

It's probably a great plugin if you have visitors with MIDs or smart phones, because your gallery now has much bigger areas where the visitor can touch/click.


Note: if you're also using the Panorama Viewer plugin, move this plugin below the Panorama Viewer plugin in the plugin manager. Otherwise it won't work on 360° panoramas.

Note: if the panorama viewer plugin is installed, the buttons use a fixed width of 50px. Otherwise they'll use as much space as possible.
« Last Edit: February 25, 2013, 09:50:34 am by Αndré »
Logged

hanzon2010

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 24
Re: Picture navigation plugin for cpg1.5.x
« Reply #1 on: December 15, 2010, 03:16:44 pm »

Thanks for the effort, I love the concept.   It is a more pleasant experience to move from one image to the next or previous.  Unfortunately, I wish it was limited to the screen area where the picture is.  As it is, on my Rainy Day theme, all other clickable options are disabled, like "Return To Start", "Skip To End", "Add To Favorites", "SlideShow", etc. 
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Picture navigation plugin for cpg1.5.x
« Reply #2 on: December 15, 2010, 03:29:33 pm »

Unfortunately, I wish it was limited to the screen area where the picture is.
I thought it is? Maybe it just works as expected because I developed that plugin while I have installed many others. Can you please post a link to your gallery where I can see what happens? Thanks.
Logged

hanzon2010

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 24
Re: Picture navigation plugin for cpg1.5.x
« Reply #3 on: December 15, 2010, 03:46:28 pm »

I just re-enabled the plugin, you can check it out at my gallery below.  I do not use intermediate images, but direct to full-size.  I use Chrome.

On the 1st page, the whole rightmost side of the screen is affected.  On the Next page and so on, it takes over both left and right sides ...

http://www.soundscapehifi.com/client-systems/displayimage.php?album=14&pid=217#top_display_media


Thanks

Logged

hanzon2010

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 24
Re: Picture navigation plugin for cpg1.5.x
« Reply #4 on: December 16, 2010, 02:57:24 am »

I have disabled the plugin again as it is on a live gallery, just let me know if you need it re-enabled again, thanks.
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Picture navigation plugin for cpg1.5.x
« Reply #5 on: December 16, 2010, 09:12:16 am »

Confirmed. Works as expected when the annotate plugin is installed. I'll fix that and release a new version asap.
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Picture navigation plugin for cpg1.5.x
« Reply #6 on: December 16, 2010, 10:50:30 am »

Please try again version 1.2 (attached to initial post).
Logged

hanzon2010

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 24
Re: Picture navigation plugin for cpg1.5.x
« Reply #7 on: December 16, 2010, 12:21:50 pm »

Perfect !  Thanks a lot, lovely plugin ...
Logged

nickelas

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Posts: 114
Re: Picture navigation plugin for cpg1.5.x
« Reply #8 on: January 04, 2011, 12:13:14 pm »

Thanks, looks great on FF. But on IE I get the four arrows for cursor
Logged
Human

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Picture navigation plugin for cpg1.5.x
« Reply #9 on: January 04, 2011, 12:26:21 pm »

Seems that IE doesn't allow png files as cursor (you can test that here). I haven't included own graphics, but use the default arrows from Coppermine's images directory. That's why I just used some system default cursors as fallback. This could of course be fixed, but I just recognized that you cannot click on the div elements in IE, but just on the small arrows (which is not intended). Maybe I'll release a new version in the next time.
Logged

bigdrago

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 23
Re: Picture navigation plugin for cpg1.5.x
« Reply #10 on: January 10, 2011, 12:57:38 am »

It's looking good in Firefox :)  But not in IE :(
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Picture navigation plugin for cpg1.5.x
« Reply #11 on: January 19, 2011, 03:12:18 pm »

you cannot click on the div elements in IE, but just on the small arrows (which is not intended).
I had no luck to fix that issue. Maybe someone can help me to fix it for IE?

The code is quite simple:
Code: [Select]
    $buttons = '';
    if ($prev_tgt != 'javascript:;') {
        $buttons .= '<div onclick="window.location.href=\''.$prev_tgt.'\';" onmouseover="$(\'#pn_prev\').attr(\'src\',\'images/navbar/prev.png\');" onmouseout="$(\'#pn_prev\').attr(\'src\',\'images/navbar/prev_inactive.png\');" style="position: absolute; top: 0px; left: 0px; width: '.$width_button.'px; height: '.$CURRENT_PIC_DATA['pheight'].'px; text-align: left; cursor: url(images/navbar/prev.png), w-resize;"><div style="padding: '.($height/2-8).'px 10px;"><img id="pn_prev" src="images/navbar/prev_inactive.png" /></div></div>';
    }
    if ($fullsize_available_allowed) {
        $pic_html = str_replace('onclick="MM_openBrWindow', 'style = "cursor: url(images/icons/search.png), move;" onclick="MM_openBrWindow', $pic_html);
    }
    if ($next_tgt != 'javascript:;') {
        $buttons .= '<div onclick="window.location.href=\''.$next_tgt.'\';" onmouseover="$(\'#pn_next\').attr(\'src\',\'images/navbar/next.png\');" onmouseout="$(\'#pn_next\').attr(\'src\',\'images/navbar/next_inactive.png\');" style="position: absolute; top: 0px; right: 0px; width: '.$width_button.'px; height: '.$CURRENT_PIC_DATA['pheight'].'px; text-align: right; cursor: url(images/navbar/next.png), e-resize;"><div style="padding: '.($height/2-8).'px 10px;"><img id="pn_next" src="images/navbar/next_inactive.png" /></div></div>';
    }
which mainly adds
Code: [Select]
<div onclick="..."> <!-- big div which is as height as the picture and about 1/3 or 1/4 as width as the picture - you can click on the whole div to load the next/prev image  -->
  <div>             <!-- a small div to set the position of the embedded image -->
    <img />         <!-- the little arrow image -->
  </div>
</div>
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Picture navigation plugin for cpg1.5.x
« Reply #12 on: May 20, 2011, 03:11:47 pm »

Version 1.3 (attached to initial post) improves the compatibility with the Panorama Viewer plugin and also fixes some minor issues.
Logged

Mikaelft

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 30
Re: Picture navigation plugin for cpg1.5.x
« Reply #13 on: May 21, 2011, 12:35:19 pm »

The "arrow" displayes to early in Firefox 4.
The mouse-arrow don't work in IE

http://www.nordmoregatebilklubb.com/bilder/displayimage.php?album=190&pid=6644#top_display_media
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Picture navigation plugin for cpg1.5.x
« Reply #14 on: May 21, 2011, 02:13:09 pm »

The "arrow" displayes to early in Firefox 4.
Please elaborate. It displays exactly as expected imo.


The mouse-arrow don't work in IE
I had no luck to fix that issue. Maybe someone can help me to fix it for IE?
Logged

Mikaelft

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 30
Re: Picture navigation plugin for cpg1.5.x
« Reply #15 on: May 21, 2011, 02:51:14 pm »

Look at the picture
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Picture navigation plugin for cpg1.5.x
« Reply #16 on: May 21, 2011, 04:12:06 pm »

Works exactly as expected.
Logged

mitko

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 119
    • World of Lighthouses
Re: Picture navigation plugin for cpg1.5.x
« Reply #17 on: October 06, 2011, 09:37:40 pm »

Dear Andre!
Question re to this plugin.
I have found that arrows left and right are working not only in the image area but also below in the file information section at the same level as they are working in the image. You can see this here e.g. http://www.lightphotos.net/photos/displayimage.php?album=8&pid=42 just move the mouse left-right in the file descripton part below the image.
Is this bug or feature?

mitko

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 119
    • World of Lighthouses
Re: Picture navigation plugin for cpg1.5.x
« Reply #18 on: October 06, 2011, 09:39:37 pm »

may be this link better to reproduce the problem http://www.lightphotos.net/photos/displayimage.php?album=32&pid=131 cause previous one was first photo in album

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Picture navigation plugin for cpg1.5.x
« Reply #19 on: October 07, 2011, 10:49:25 am »

That's a bug. The div area uses the height of the full-sized picture instead of the height of the intermediate-sized version. I also recognized some issues when using this plugin and the panorama viewer plugin when you look at 360° panoramas. So I'll try to fix both issues and release a new version asap.
Logged
Pages: [1] 2 3   Go Up
 

Page created in 0.03 seconds with 20 queries.