Ask your WordPress questions! Pay money and get answers fast! (more info)

WordPress Gallery Permalinks

  • SOLVED

I created a gallery for my website using SlideShowPro.net for Lightroom. The gallery was embedded using the Kimili Flash Embed plugin version 2.2. The gallery can be seen here - http://www.dillsworth.com/commercial-work/.

Outside of WordPress the gallery utilizes permalinks. You can see the permalinks in address bar as the images progress here - http://www.dillsworth.com/PORTFOLIO/index.html.

When the gallery is embedded into my website, the permalinks are no longer active.

Is there a way to embed my gallery into WordPress so that the permalinks are still available?

I am using WordPress 3.3.1.

Answers (5)

2012-01-23

Hai Bui answers:

You have to embed the gallery with javascript instead of using Kimili Flash Embed plugin.
It's very hard to give you detailed instructions here. I'll help you do it if you PM me WP admin info.

Basically, you have to put this code in the post content, but will need some tweaks:

<div id="slideshow-container">

<script type="text/javascript" src="js/slideshowpro.js"></script>

<div id="slideshow">

</div>

<script type="text/javascript">
SlideShowPro({
attributes: {
id: "slideshow",
expandBrowserWindow: false,
width: "900.00",
height: "637.00",
scale: "Fixed",
src: "slideshowpro.swf"
},
mobile: {
auto: false
},
params: {
bgcolor: "#FFFFFF",
allowfullscreen: "true"
},
flashvars: {
xmlFileType: "Default",
xmlFilePath: encodeURIComponent("images.xml"),
paramXMLPath: "param.xml"
}
});
</script>

</div>

2012-01-23

Arnav Joy answers:

can you explain your problem it is not much clear to me.

2012-01-23

Christianto answers:

Hi,

Did you use wordpress plugin to create the gallery? what plugin?
The way you initialize the gallery on wordpress and outside wordpress is different.

if you create it without plugin have you check this documentation..
[[LINK href="http://wiki.slideshowpro.net/SSPfl/C-EnablePermalinks"]]http://wiki.slideshowpro.net/SSPfl/C-EnablePermalinks[[/LINK]]


Christianto comments:

idt, why your answer similar with me...?


Christianto comments:

I found that in order to get the url working on kimili plugin,

beside you add this code on header:
<script type="text/javascript">
<!--
function flashPutHref(href) { location.href = href; }
-->
</script>


You have to change parameter "allowscriptaccess" to "always"
The permalink will change on address bar while image change.

But the problem with these when you visit page with album/contentID/num on the address like:
http://www.dillsworth.com/commercial-work/#id=&num=5
It won't load properly to certain image.

I try to add flashvar to the fvars box, to make the gallery start at certain image (parameter comes from current url)
fvars="initialURL=escape(document.location)"
But still not work..

still looking for a fix..


Christianto comments:

Please change your kimili plugin tag generator from static to dynamic publising, and add on fvars box initialURL=escape(document.location)..

don't forget to add this inside <head>
<script type="text/javascript">
<!--
function flashPutHref(href) { location.href = href; }
-->
</script>


and set "allowscriptaccess" to "always" as parameter

Did it work on your side?
let me know..

2012-01-23

Kannan C answers:

FYI: This link http://www.dillsworth.com/commercial-work/ seems like it is not using xml input but your version does. You may try creating your xml file without including album id, like here http://wiki.slideshowpro.net/PlayerWithoutDirector/PWDXML-AlbumPreviews

2012-01-23

idt answers:

Hi,

1. Can you please try copying the code below and save it as my-ssp-portfolio.php then upload the file to your Wordpress theme directory.


<?php
/*
Template Name: Portfolio
*/
?>

<?php get_header(); ?>
<script type="text/javascript">
<!--
function flashPutHref(href) { location.href = href; }
-->
</script>

<div id="flashcontent"></div>

<script type="text/javascript">
$(document).ready(function() {
var flashvars = {
initialURL: escape(document.location)
}
swfobject.embedSWF(
"slideshowpro.swf",
"flashcontent",
"550",
"400",
"9.0.0",
"expressInstall.swf",
flashvars
);
});
</script>
<?php get_sidebar(); ?>
<?php get_footer(); ?>


2. Create a blank Wordpress page, at the bottom right rail of the Create Page, under Template section choose Portfolio Page. Save and view the page.

Thanks,
idt