Solved

Slideshow script

Posted on 2010-11-20
9
351 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
  • 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
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
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 500 total points
ID: 34179548
0

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Hide un-named HTML Label with CSS 14 36
How to pass JavaScript generated HTML text form values to PHP? 5 38
asp Google Map 2 30
Html Newline 7 20
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

856 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