Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Slideshow script

Posted on 2010-11-20
9
Medium Priority
?
356 Views
Last Modified: 2012-08-14
I'm looking for a free slideshow script which does exactly what this one does (almost)

http://www.scriptocean.com/slideshow/

I'm only interested in the sliding from right to left and vice versa.

I can't seem to find anything this elegant, it has a nice ease out effect.

Any ideas where i can find something like this?

Thanks
0
Comment
Question by:Type25
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
  • 2
  • +1
9 Comments
 
LVL 29

Expert Comment

by:Badotz
ID: 34179363
It's a Flash-based slideshow. Not sure modifying (or using only a part) is possible.
0
 
LVL 9

Author Comment

by:Type25
ID: 34179425
No it's not, it's dhtml.

I have the script but it's obfuscated.
0
 
LVL 14

Expert Comment

by:sam2912
ID: 34179433
This is the slideshow script that is used on their site. Just open the JavaScript file, and edit the image directory, etc., which I have moved to the top of the file so you can see it easily.

Include the file in your page where you want the slideshow to appear:

<script charset="utf-8" src="slideleft.js" type="text/javascript"></script>
slideleft.js
0
Build and deliver software with DevOps

A digital transformation requires faster time to market, shorter software development lifecycles, and the ability to adapt rapidly to changing customer demands. DevOps provides the solution.

 
LVL 14

Expert Comment

by:sam2912
ID: 34179441
If you want me to simplify the image declaration part so that there are fewer variables, i.e.:

imgarr[0] = new Image();
imgarr[0].c = 0;
imgarr[0].onload = secondcomplate;
imgarr[0].src = slideleftfoldername + 'sampleimg11.jpg';
imgstr[0] = slideleftfoldername + 'sampleimg11.jpg';
thumbimgstr[0] = slideleftfoldername + 'sampleimg11.jpg';
linkstr[0] = 'http://www.scriptocean.com/';
targetstr[0] = "_self";
titarr[0] = "Scriptocean Javascript Slideshow";
desarr[0] = "Javascript Slideshow is an easy to use tool for creating slideshows.";

You could create a new question.
0
 
LVL 29

Expert Comment

by:Badotz
ID: 34179442
hmmm...there is javascript in an <iframe> element; it is not obfuscated, but it is on a single line?

I'm not willing to break it apart and/or format it.
0
 
LVL 9

Author Comment

by:Type25
ID: 34179448
Thanks but i just wish the script wasn't obfuscated, it means i can't edit any of the behaviour. Like creating next/previous buttons etc...

0
 
LVL 29

Expert Comment

by:Badotz
ID: 34179454
It isn't obfuscated, at least not in my little world ;-)
0
 
LVL 9

Author Comment

by:Type25
ID: 34179459
Erm....

this.slideleftff1ff = slideleftff1ff;
      this.slideleftff = slideleftff;
      this.slideleftfff = slideleftfff;
      this.slideleftffff = slideleftffff;
      this.slideleftfffff = slideleftfffff;
      this.slideleftff1fff = slideleftff1fff;
      this.slideleftffffffffffffff = slideleftffffffffffffff;
      this.slideleftfffffffffffffff = slideleftfffffffffffffff;
      this.slideleftffffffffffffffff = slideleftffffffffffffffff;
      this.slideleftfffffffffffffffff = slideleftfffffffffffffffff;
      this.slideleftff1f = slideleftff1f;
      this.slideleftffffff = slideleftffffff;
      this.slideleftfffffff = slideleftfffffff;
      this.slideleftffffffff = slideleftffffffff;
      this.slideleftfffffffff = slideleftfffffffff;
      this.slideleftffffffffff = slideleftffffffffff;
      this.slideleftfffffffffff = slideleftfffffffffff;
      this.slideleftf1f = slideleftf1f;
      this.slideleftffffffffffff = slideleftffffffffffff;
      this.slideleftfffffffffffff = slideleftfffffffffffff;
      this.slideleftf1ff = slideleftf1ff;
      this.slideleftf1fff = slideleftf1fff;
      this.slideleftf1ffff = slideleftf1ffff;
      this.slideleftf1fffff = slideleftf1fffff;
      this.slideleftf1ffffff = slideleftf1ffffff;
      this.slideleftf1fffffff = slideleftf1fffffff;
      this.slideleftf1ffffffff = slideleftf1ffffffff;
      this.slideleftf1fffffffff = slideleftf1fffffffff;
      this.slideleftf1ffffffffff = slideleftf1ffffffffff;
      this.slideleftf1fffffffffff = slideleftf1fffffffffff;
      this.slideleftf1ffffffffffff = slideleftf1ffffffffffff;
      this.slideleftf1fffffffffffff = slideleftf1fffffffffffff;
      this.slideleftdevam = slideleftdevam;
      this.slideleftf1ffffffffffffff = slideleftf1ffffffffffffff;
      this.slideleftSonraki = slideleftSonraki;
      this.slideleftzindx = slideleftzindx;
      this.slideleftf1fffffffffffffff = slideleftf1fffffffffffffff;
      this.slideleftff1ffff = slideleftff1ffff;
      this.slideleftff1fffff = slideleftff1fffff;
      this.slideleftff1ffffff = slideleftff1ffffff;
      this.slideleftff1fffffff = slideleftff1fffffff;
      this.slideleftBas = slideleftBas;
      this.slideleftff1ffffffff = slideleftff1ffffffff;
      this.slideleftff1fffffffff = slideleftff1fffffffff;

It's not ideal though lol
0
 
LVL 18

Accepted Solution

by:
Sudaraka Wijesinghe earned 2000 total points
ID: 34179548
0

Featured Post

The top UI technologies you need to be aware of

An important part of the job as a front-end developer is to stay up to date and in contact with new tools, trends and workflows. That’s why you cannot miss this upcoming webinar to explore the latest trends in UI technologies!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

704 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question