CKEditor Plugin Slideshow

Closed Posted May 30, 2011 Paid on delivery
Closed Paid on delivery

Hello, I'm looking for someone to develop a slideshow plugin for CKEditor.

Our site uses Aeron Glemann's slideshow for mootools 1.2.

I need the plugin to:

* Determine whether there is already a slideshow on the page being edited, if so be able to edit the slideshow parameters.

* Insert multiple slideshows onto the one page.

* Allow user to determine how many images in each slideshow.

* Allow user to select images from filebrowser (we use KCFinder).

* Edit width and height of slideshow.

* Edit width and height of first image in slideshow.

* Style slideshow containing div.

* style first image in slideshow.

* Turn on/off display of slideshow controller.

* add captions for each image.

* Turn captions on/off.

* Add links to each image.

Sample Html and Javascript that need to be created

Note the id show will need to change automatically if there is multiple slideshows on the one page.

<div class="slideshow" id="show" style="top:1px;left:140px">

<img alt="" src="/websites/uploads/1228/images/[url removed, login to view]" style="width: 182px; height: 121px;" />

</div>

Note the variables data and myshow as well as show will need to change automatically if there is multiple slideshows on the one page. <script type="text/javascript">

[url removed, login to view]('domready', function(){

var data = {'[url removed, login to view]': { caption: 'Sample1.', href:'[url removed, login to view]'},'[url removed, login to view]': { caption: 'Sample2.', href:'[url removed, login to view]'},'[url removed, login to view]': { caption: 'Sample3.', href:'[url removed, login to view]'},'[url removed, login to view]': { caption: 'Sample4.', href:'[url removed, login to view]'}};

var myShow = new SampleSlideshow('show', data, {controller: false, height: 121, captions: false, width: 182});

});

</script>

The manual for slideshow can be found here [url removed, login to view]

The layout of the plugin needs to be kept as simple as possible for inexperienced users.

JavaScript

Project ID: #3348082

About the project

Remote project Active Jun 11, 2011