Picture navigation plugin for cpg1.5.x

[Αndré]

Version 1.4 attached to initial post.

[mitko]

Confirmed, Andre, in ver.1.4 everything is ok, many thanks for prompt help!

[olli80]

I dont know if i´m right here but i have a feature suggestion for this plugin.

Maybe you can add the function to go next picture instead of closing the window?
This should only be added to the full-screen photo size (the biggest one)..........

[Αndré]

That won't work if the next file is no picture, as there's nothing to display in that case. If you want a full-size navigation you should try the LightBox plugin or the EnlargeIt! plugin.

[Αndré]

I've re-written the plugin completely in JavaScript (version 2.0 is attached to the initial post). The prev/next buttons are now displayed next to the picture and also for non-picture files. If the panorama viewer plugin is installed, the buttons use a fixed width of 50px. Otherwise they'll use as much space as possible.

[André Müller]

Dear all,

after installing version 2.0 of this plugin, I experience problems with the slideshow function. The slideshow works as expected with the old version, as well as with the plugin deactivated. Does anyone experience similar problems?

Gallery: www.fotowald.de
CPG 1.5.22


Thanks for any help.

Cheers,
André

[Αndré]

Version 2.1 (attached to initial post) fixes the slideshow issue. Thanks for the report.

[André Müller]

Version 2.1 (attached to initial post) fixes the slideshow issue. Thanks for the report.

Thanks a lot. Works as expected now.

[pols1337]

Thanks for the v2.1 update 

[allvip]

how can I use my own images for this plugin?

what should I edit in the plugin files?

[Αndré]

Open picture_navigation.js and replace the content of the variables

Code Select Expand

        icon_prev = $('.navmenu_pic img[src*=prev]').parent().html().match(/src="(.*?)"/);
        icon_prev = icon_prev[1];
        icon_prev_inactive = icon_prev.replace('prev', 'prev_inactive');
and

Code Select Expand

        icon_next = $('.navmenu_pic img[src*=next]').parent().html().match(/src="(.*?)"/);
        icon_next = icon_next[1];
        icon_next_inactive = icon_next.replace('next', 'next_inactive');
with valid paths of your images.

[allvip]

OK.Thanks

[allvip]

I just don't know with what to replace $('.navmenu_pic img[src*=start]').parent().html().match(/src="(.*?)"/);

[Αndré]

You need to hardcode it like this:

Code Select Expand

icon_prev = 'themes/xxx/foo/bar1.png';
icon_prev_inactive = 'themes/xxx/foo/bar2.png';
icon_next = 'themes/xxx/foo/bar3.png';
icon_next_inactive = 'themes/xxx/foo/bar4.png';

[allvip]

I see the word foo all over the internet in web tutorials.

What does that mean anyway?

[Αndré]

That's really an off-topic question. Answer here: http://en.wikipedia.org/wiki/Foobar

[Αndré]

Is it possible to disable in the theme particular plugin and keep it working in another theme?

That may be possible, but it's way easier to add a check in the picture navigation plugin. Open plugins/picture_navigation/codebase.php, find

Code Select Expand

$superCage = Inspekt::makeSuperCage();
and above, add

Code Select Expand

    global $CONFIG;
    if ($CONFIG['theme'] == 'mobile_light') {
        return;
    }


PS: this question would have been better placed in the picture navigation announcement thread

[mitko]

Andre, there is a problem, if i add what you suggest - the picture also dissappears

[Αndré]

That doesn't make sense. Please provide a list which plugins you have installed.

[mitko]

Tried different plug-in orders - no difference. You can check now accessing from mobile, i still keep the changes. 
List of plugins:
autorotate
bbcode_control
CopperRank
description_metas
dupechecker
easy_rss
email_comments
fav_button
file_replacer
filename2tooltip
geodata
hot_pictures
html5slideshow
html5upload
imsharpen
keyboard_navigation
keywords_add
onlinestats
pic_download_link
picture_navigation
recaptcha
sitemap_generator
social_sharing
socialshare
theme_switch