Author Topic: Image Rotator in Banner  (Read 4092 times)

Offline keress

  • Posts: 58
Image Rotator in Banner
« on: March 21, 2011, 02:22:25 AM »
I'm trying to rotate images in this site's banner area, http://www.rockybranchfarms.com/wb/pages/home.php.

I adapted a monoslideshow script I'd purchased, http://www.monoslideshow.com/demo,  and got it working here, http://www.rockybranchfarms.com/slideshow/.

I then copied the code over into my wb template file, and all I'm getting is the error message urging me to install Flash.  It apparently can't find it. 

Any idea what the problem might be?  (The script is commented out in the page source.)

Alternatively, is there an existing WB add-on that will allow me to add an image rotator in the header section of the template and display in the way I'm trying for (simple rotation, no menu, no frame, nothing?

Thanks much!

Offline instantflorian

  • Posts: 1440
    • WebsiteBaker Tipps und Tricks
Re: Image Rotator in Banner
« Reply #1 on: March 21, 2011, 08:47:17 AM »
Hi,

try to copy the monoslideshow.swf, the pictures and the swfobject.swf into a subdirectory of your template, e.g. "slideshow". In the template, you add the template path into the call:

Code: [Select]
<script type="text/javascript" src="<?php echo TEMPLATE_DIR?>/slideshow/swfobject.js?v=2.2"></script>
...
<script type="text/javascript">
var flashvars = {};
var params = {allowscriptaccess: "sameDomain", allowfullscreen: "true", allownetworking: "all", bgcolor: "ffffff"};
var attributes = {id: "monoslideshow", name: "monoslideshow"};
swfobject.embedSWF("<?php echo TEMPLATE_DIR?>/slideshow/monoslideshow.swf", "flashContent", "1000", "262", "10", false, flashvars, params, attributes);
</script>


Another option is using the jQuery Admin with one of the several slideshows or sliders which you can find here.


BR
-instantflorian.
Ich bin jetzt woanders.

Offline keress

  • Posts: 58
Re: Image Rotator in Banner
« Reply #2 on: March 21, 2011, 05:12:53 PM »
Thanks so much for the reply.

I got a bit further doing this.  It started to load, but then told me there was a problem loading, io error. 

Offline instantflorian

  • Posts: 1440
    • WebsiteBaker Tipps und Tricks
Re: Image Rotator in Banner
« Reply #3 on: March 21, 2011, 05:54:17 PM »
Maybe the images can't be found?

Ich bin jetzt woanders.

Offline keress

  • Posts: 58
Re: Image Rotator in Banner
« Reply #4 on: March 21, 2011, 06:05:44 PM »
That's what I thought, too, so I experimented with what's being called:

Quote
<album thumbnail="/albumThumbnail.jpg" itemPath="/images" thumbnailPath="/thumbnails">
   <configuration backgroundColor="#cacba9" >

(My subfolder is called "album" rather than "slideshow.")  Since the monoslideshow.xml file is already in the album subfolder I addressed it as above, but it didn't help.  Is it possible to just use a hard link?  Oddly, though, when I tried to call up the .xml file by just typing the address into a browser, it came up not found. I can see in my ftp client that that's where it is, but it didn't come up. 

Offline keress

  • Posts: 58
Re: Image Rotator in Banner
« Reply #5 on: March 22, 2011, 04:45:43 AM »
So I'm confused about how to use an add-on.  I installed the jQuery.  In its admin area it will install various things, but for specific pages only, not for a header. 

I tried to install the fancyTransitions add-on, it never completes the installation.   

I got the slideshow working on a test page, but there are no transitions working as they should, just jump cuts, and I don't have a clue how I would get any of this into my header template.   :?

Offline instantflorian

  • Posts: 1440
    • WebsiteBaker Tipps und Tricks
Re: Image Rotator in Banner
« Reply #6 on: March 22, 2011, 07:23:07 AM »
Hi,

about the slideshow: the path where the pictures are saved is given in the first line of the monoslisdeshow.xml-file, so you can't use any slashes in the file names.
The xml file of the slideshow you put into your template is located in the album subfolder, where the swf file doesn't find it. I guess it has to be in the same directory as the swf file, and if you call the pictures with "header1.jpg" etc it should work. But I don't know the gallery script, maybe you can find more information about it on its developer's site.

About jQuery Admin: There is a special way to install plugins, please have a look at the explanation of this module. The call of a plugin, e.g.  [[jQueryInclude?preset=<Presetname>]], could also be included into your template.

BR
-instantflorian.

Ich bin jetzt woanders.

Offline keress

  • Posts: 58
Re: Image Rotator in Banner
« Reply #7 on: March 25, 2011, 07:34:12 PM »
The example set-up that came from the monoslideshow developers has this line for the image path:

<album thumbnail="album/albumThumbnail.jpg" itemPath="album/images" thumbnailPath="album/thumbnails">

Is that what you mean by slashes? 

I have it structured the same way, so it has me stumped why it won't work.  Since I had to add the "<?php echo TEMPLATE_DIR; ?>" to get the paths found for the other elements, could WB be wanting something along these lines in this .xml file, and if so, what might it be?

Offline PurpleEdge

  • Posts: 231
    • the northern beaches
Re: Image Rotator in Banner
« Reply #8 on: March 26, 2011, 01:11:36 AM »
I've used mono on sites, but never with WB. My guess is that you have the paths incorrect somewhere - that is consistent with the errors you are seeing.

Offline amococadiz

  • Posts: 1
Re: Image Rotator in Banner
« Reply #9 on: June 16, 2011, 11:26:01 PM »
I had the same problem - and more or less by coincidence got it working :-)

1. monoslideshow.xml and .swf are in the same folder (http://www.inselhaus-foehr.de/media/flash)

2. content of monoslideshow.xml:
<album thumbnail="http://www.inselhaus-foehr.de/media/flash/images/Bild1.JPG"
       itemPath="http://www.inselhaus-foehr.de/media/flash/images"
       thumbnailPath="http://www.inselhaus-foehr.de/media/flash/thumbs">
        <configuration>
                <transition kenBurnsMode="randomZoomIn" />
        </configuration>
        <contents>
                <image source="Bild1.JPG" title="" description="" />
                <image source="Bild2.JPG" title="" description="" />
                <image source="Bild3.JPG" title="" description="" />
                <image source="Bild4.JPG" title="" description="" />
                <image source="Bild5.JPG" title="" description="" />
                <image source="Bild6.JPG" title="" description="" />
                <image source="Bild7.JPG" title="" description="" />
                <image source="Bild8.JPG" title="" description="" />
                <image source="Bild9.JPG" title="" description="" />
                <image source="Bild10.JPG" title="" description="" />
                <image source="Bild11.JPG" title="" description="" />
                <image source="Bild12.JPG" title="" description="" />
                <image source="Bild13.JPG" title="" description="" />
        </contents>
</album>

3. swfobjects.js is not on my server. WB utomatically uses an AJAX-Script....

4. source-code of my php-side:
<div id="content">
<h2>Impressionen</h2>
<p><a class="section_anchor" id="wb_43" name="wb_43"></a><p>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript">//swfobject plugin</script>
<script type="text/javascript">
/*<![CDATA[*/
/* FCK swfobject v1.5 */
document.write('<div id="flash2011516225758" style="width:600px; height:300px;"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player<\/a> to see this player.<\/div>');
var params={};
var attributes={};
var flashvars = {};
   params["scale"]="noborder";
   params["play"]="true";
   params["menu"]="true";
   params["loop"]="true";
   params["allowfullscreen"]="true";
   params["wmode"]="opaque";
   params["allowscriptaccess"]="sameDomain";
   attributes["id"]="monoslideshow";
   attributes["title"]="Impressionen";
   attributes["name"]="monoslideshow";
   flashvars["dataFile"]="http://www.inselhaus-foehr.de/media/flash/monoslideshow.xml";
        flashvars["showLogo"]="false";
        flashvars["showRegistration"]="false";
swfobject.embedSWF("http://www.inselhaus-foehr.de/media/flash/monoslideshow.swf", "flash2011516225758", 600, 300, "7.0.0", false, flashvars, params, attributes);
/*]]>*/
</script></p></p>
</div>
</div>

Hope this can help anybody!
Corinna

Offline HeidemanMedia

  • Posts: 51
    • Heideman Media
Re: Image Rotator in Banner
« Reply #10 on: June 17, 2011, 03:14:56 PM »
why you don't use the caption slider en modify it...

i am currently working on a website http://heideman-media.nl/blekkink/

no flash but jquery:)
___________________ ___________________ ___
Heideman Media - Holland

Offline Bug

  • Posts: 237
Re: Image Rotator in Banner
« Reply #11 on: June 18, 2011, 10:52:42 AM »
Search for a nice jquery slideshow and combine it with members, then you will be able to easily add and turn off /turn on banners.

Use the showsectiondroplet in your template to let the bannerslideshow turn up on each page

As heideman said NO FLASHHHHHHHHHHH