X3Photo Gallery Forums

XICSL · 19 Nov 2011, 04:15

Hi,

we use the old slideshow module on a clients website. Now we redesign the website and we will upgrade the slideshow too.

Can we use the slideshow from the newest X2 version like the old version? Have a look at the Javea Holidays website on the right side on the top.

It is possible to show text on the photos, same like the old version?

20 Nov 2011, 08:03

Yes, basically you can use the new version (Imagevue X2) in the same way simply as a slideshow. The only difference is that since Imagevue X2 has many more features, you will need to change a bunch of settings to simplify the layout/UI. I would be happy to help you set it up as you like ...

XICSL · 20 Nov 2011, 13:17

How can i do this? How it works? Do you have a docu where i can find some help about the setup and how a can add to the website?

XICSL · 20 Nov 2011, 18:58

How can i add Links on a picture to a different location? i will link the pics to a property? How it works? I did not find a field to add a link on a photo.

21 Nov 2011, 10:33

XICSL wrote:How can i do this? How it works? Do you have a docu where i can find some help about the setup and how a can add to the website?

Sorry, no documentation about this. Basically the short instructions in a nutshell:

1. Embed "imagevue2.swf" into your page. You can see how we have done this by clicking "view source" for the original Imagevue file, and use most of the code ...

2. In the parameters in the source, add "startpath=content/folder/", where folder is the folder you want to display images from.

3. Go to settings and change image.margins and remove navigation items. Sorry, there is no pre-configured template for this, but you would just need to remove items as you see fit and adapt it to look nice as a clean standalone slideshow without too much interface elements.

XICSL wrote:How can i add Links on a picture to a different location? i will link the pics to a property? How it works? I did not find a field to add a link on a photo.

Do you have links on a picture at all? First of all, you would need to go to admin -> settings -> settings.attributes.image, and enable "link". Thereafter, you would need to set up your image to act as an external link by going to settings -> image.image.click, and set it to "click". Then you can go to each image from the admin and set up external links, in the new "link" field ... An easier option may be to simply add text link for the images ... don't you think?

XICSL · 22 Nov 2011, 04:28

i try it, bit the links are not working.

See the screenshot from the settings attached

23 Nov 2011, 01:31

Did you go to admin -> settings -> image.image.click, and set it to "link"?

If you did, and still it doen't work, then please forward a link to your gallery ...

Patrick_D1985 · 02 Dec 2011, 18:26

Hi,

I was also looking into something similair;.
I want to load an external small slideshow.

So no menu, no audio player, nothing but images coming up in a slideshow

Example
https://www.photo.gallery/demo/x2/#/content/ ... 9cdec8.jpg
gets closest but then without the gallery menu, audioplayer, social items, and possibly even without the right click menu.

Karl could you perhaps help me with the needed params for that ?

04 Dec 2011, 22:04

Patrick_D1985: This is essentially two parts -

1. Embed imagevue2.swf into your own html file (if you want it as an inline slideshow?)

2. Change a range of parameters so that it looks and works nicely inline.

Can you confirm this is what you mean? or do you still want a full stage slideshow, just with a separate url to provide to your audience?

Patrick_D1985 · 05 Dec 2011, 10:08

Hi Karl

Yes embedded like the example included with imagevue itself but then converting it to slideshow format.

Currently I have setup

		<script type="text/javascript">
		//<![CDATA[
			var flashVars = {
				foreground_color: 'EEEEEE',
				background_color: '222222',
				startpath: 'content/2011/11_NOVEMBER/26-11-2011 -%20FRENCHCORE%20-%20SIL%20VOUS%20PLAIT%20-%20CRYSTAL%20VENUE/',
				startmode: 'image',
				playfunc: 'true',
				interval: '5',
				
			};
			swfobject.embedSWF("iv-includes/imagevue2.swf", "imagevue", "100%", "100%", "8.0.0", "iv-includes/expressInstall.swf", flashVars, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#222222', wmode:"transparent"}, {id: 'imagevue', name: 'imagevue'});
		// ]]>
		</script>

Which actually makes it go to images instead of thumbs it pics up the folder.
Example at: http://pfsquad.nu/Pictures/index_example.html

But I would like to:
- Have no menu
- Have no audioplayer
- Have no thumbnailscroller
- Have no maincontrols
- Have no largecontrols
- Have no rightclick controls
- Have no closebutton

So basically an image slideshow

without anything extra.
Only what I would like to do beside that is randomize the image sequence for the slideshow.
In Imagevue I knew how to do it but well not in Imagevuex2

But this would be real nice as a random latest image slideshow which I could then use in our CMS

Hope I made any sense and offcourse this is somewhat possible.

Kind regards,
Patrick

06 Dec 2011, 00:23

Yes, you make perfect sense ... Sorry that this is not simpler, but I will try to explain next steps -

Now that you have embedded your SWF file, you want to add some settings to make it a simple slideshow. This is in fact achieved with folder parameters and global parameters passed in through flashvars. Try to add this line in your flashvars object:

parameters: 'controls.maincontrols.enbled=false|menu.mainmenu.enabled=false'

Please check if this works ... did it remove main controls from the image view? Did it remove the main menu? Sorry, we dont have much experience with this ourselves. After checking, we can proceed to set up all the parameters ...

Also, in your flashvars source, make sure you don't have a comma in the last line like you currently have:

interval: '5',

Since this is basically an array separated by ,(comma), the last item should not have a comma after it ...

Patrick_D1985 · 06 Dec 2011, 05:08

Hi Karl,

Changed it to:

		<script type="text/javascript">
		//<![CDATA[
			var flashVars = {
				foreground_color: 'EEEEEE',
				background_color: '222222',
				startpath: 'content/2011/11_NOVEMBER/26-11-2011 -%20FRENCHCORE%20-%20SIL%20VOUS%20PLAIT%20-%20CRYSTAL%20VENUE/',
				startmode: 'image',
				playfunc: 'true',
				interval: '5'
			};
			swfobject.embedSWF("iv-includes/imagevue2.swf", "imagevue", "100%", "100%", "8.0.0", "iv-includes/expressInstall.swf", flashVars, {parameters: 'controls.maincontrols.enabled=false|menu.mainmenu.enabled=false'}, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#222222', wmode:"transparent"}, {id: 'imagevue', name: 'imagevue'});
		// ]]>
		</script>

But no change in appearance.

Tried: the following and im almost there:

		<script type="text/javascript">
		//<![CDATA[
			var flashVars = {
				foreground_color: 'EEEEEE',
				background_color: '222222',
				startpath: 'content/2011/11_NOVEMBER/26-11-2011 -%20FRENCHCORE%20-%20SIL%20VOUS%20PLAIT%20-%20CRYSTAL%20VENUE/',
				startmode: 'image',
				playfunc: 'true',
				largecontrols: 'false', 
				imagebuttons: 'false',
				maincontrols: 'false', 
				closebutton: 'false', 
				thumbnailscroller: 'false', 
				audioplayer: 'false', 
				mainmenu: 'false',
				text1: 'false',
				autostart: 'true',
				interval: '5'
			};
			swfobject.embedSWF("iv-includes/imagevue2.swf", "imagevue", "100%", "100%", "8.0.0", "iv-includes/expressInstall.swf", flashVars, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#222222', wmode:"transparent"}, {id: 'imagevue', name: 'imagevue'});
		// ]]>
		</script>
	</body>

Example: http://pfsquad.nu/Pictures/index_example.html

What I need to do:
- Disable text
- Make it so the slideshow autostarts
- See if the interval then works
- Make images random
- Finally resize the stage a bit.

So in reference:
text1: 'false'
autostart: 'true'
interval: '5'
Do not seem to do anything but we are closer

If you can help me with the last settings that would be superb

Patrick_D1985 · 06 Dec 2011, 05:31

Did some more playing around

		<script type="text/javascript">
		//<![CDATA[
			var flashVars = {
				foreground_color: 'EEEEEE',
				background_color: '222222',
				startpath: 'content/2011/11_NOVEMBER/26-11-2011 -%20FRENCHCORE%20-%20SIL%20VOUS%20PLAIT%20-%20CRYSTAL%20VENUE/',
				startmode: 'image',
				largecontrols: 'false', 
				imagebuttons: 'false',
				closebutton: 'false', 
				rightclick: 'false', 
				thumbnailscroller: 'false', 
				audioplayer: 'false', 
				mainmenu: 'false',
				text: 'false',
				autostart: 'true',
				jsresize: 'true',
				sorting: 'rnd',
				interval: '5'
			};
			swfobject.embedSWF("iv-includes/imagevue2.swf", "imagevue", "100%", "100%", "8.0.0", "iv-includes/expressInstall.swf", flashVars, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#222222', wmode:"transparent"}, {id: 'imagevue', name: 'imagevue'});
		// ]]>
		</script>

text: 'false', disabled the text

In main controls we only use the toggleplay button.
So what I did is delete the mention of
maincontrols: 'false',

Reason is I can not get it to autostart a slideshow at the moment.
But that way I could verify the interval is working

So what remains:
- Autostart slideshow
- Randomize images (if possible as I list them name ascending in the normal gallery) (If not possible nevermind I tend on making startpath a variable setting in the nearby future (and with over 600 possible folders ... it will already be pretty random

)
- Finally set the stage sizes (any help with that would be great)

For current example:
http://pfsquad.nu/Pictures/index_example.html

Patrick_D1985 · 06 Dec 2011, 06:29

		<script type="text/javascript">
		//<![CDATA[
			var flashVars = {
				parameters: 'image.slideshow.autostart=true',
				foreground_color: 'EEEEEE',
				background_color: '222222',
				startpath: 'content/2011/11_NOVEMBER/26-11-2011 -%20FRENCHCORE%20-%20SIL%20VOUS%20PLAIT%20-%20CRYSTAL%20VENUE/',
				startmode: 'image',
				largecontrols: 'false',
				imagebuttons: 'false',
				closebutton: 'false',
				rightclick: 'false',
				thumbnailscroller: 'false',
				audioplayer: 'false',
				mainmenu: 'false',
				text: 'false',
				autostart: 'true',
				jsresize: 'true',
				interval: '5',
				scale: 'fitstage',
				frameborder:  'false'
			};
			swfobject.embedSWF("iv-includes/imagevue2.swf", "imagevue", "100%", "100%", "8.0.0", "iv-includes/expressInstall.swf", flashVars, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#222222', wmode:"transparent"}, {id: 'imagevue', name: 'imagevue'});
		// ]]>
		</script>

Ok start loving me now

Patrick_D1985 · 06 Dec 2011, 07:07

One major question remains for me:
Example in CMS > http://pfsquad.nu/crew-only/admin-only/ ... -area.html

As you see it will make site title and url change ... is there a way to staop that behaviorr?
If I can stop that ... then I've got an ideal new slideshow option

EDIT :
Remove

<script type="text/javascript" src="iv-includes/assets/js/swfaddress.js"></script>

To do so

X3Photo Gallery Forums

Changing slideshow from old to new - What is new?29 postsPage 1 of 2

Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?

Re: Changing slideshow from old to new - What is new?