#2 How to include an RSS carousel

[Anonymous]

Hi there! So far I love your program. However, my client would like an RSS carousel added to the page and I am not intuitively able to figure out how, or even if, this can work with your platform. Can you help? thanks!!

[Arcazj]

Yes, you can do it. For instance I am using the google feeds library which can read any RSS

1 - Create an image from the OpenBEXI builder.
2 - Click on the JS icon, and Attach a myFunctions.js to the image .
3- Rename "myFunction" to "load" in the "JS function name field"
4- In the Body:Javascript text area, copy/paste the following code:
var fileref;
try {

    var samples = "http://dlc0421.googlepages.com/gfss.rss";
    var options = {
        displayTime: 2000,
        transistionTime: 600,
        linkTarget : google.feeds.LINK_TARGET_BLANK
    };
    new GFslideShow(samples, "div0", options);
} catch (e) {
    alert(e);
}

5- In the Header, callBacks and others functions text area, copy the following code:
google.load("feeds", "1");
google.setOnLoadCallback(load);
6:Attach this "load()" function by click on the green arrow (see on the top of the JavaScript wizard editor)
7: Click on "Apply"
8: click on "preview". At this stage the web page is created with the carrousel but you need to add manually on the web page header the following code :
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js" type="text/JavaScript"></script>

In OpenBEXI 4.2 which is coming soon, I will add a feature in the JavaScript wizard editor to avoid to attach manually JavaScript in the web page (step 8). Note every time you are going to save your web page (after clicking preview) you must go through step 8 to add the google javascript.

[Anonymous]

[Arcazj]

It is working. If you master OpenBEXI it takes ten minutes to build a web page including a carousel.
I built this basic web page and, you can view the page source. See the link:
http://www.openbexi.com/OpenBEXI_carousel_example.html

8 header code is:

<script src="http://www.google.com/jsapi"
        type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
        type="text/javascript"></script>

Regards.

[Anonymous]