/    Sign up×
Community /Pin to ProfileBookmark

Javascript Transition Image Gallery Problem ::HELP::

Copy linkTweet thisAlerts:
Jun 18.2004

Hey im developing a small gallery display of pictures with a fading effect. Yes I know that I could of achieved the same effect in Flash but im going to use it where there is a curve and so this method will alow me to clip where desired. well here is my problem with the script

PROBLEM:
check out the live version at this URL:

[url]http://www.hiphoptrendz.com/script/slideshow.htm[/url]

if you notice, there is 5 images withing an array rotating with a small effect. I would like to scroll the five images but when it comes back to number 1 then i want the animation to stop. I have tried if else statements, while loops and for loops..nested and not nested! grrr…PLEASE HELP! ?

to post a comment
JavaScript

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@vicpal25authorJun 18.2004 — <script>


// Set slideShowSpeed (milliseconds)

var slideShowSpeed = 1000

// Duration of crossfade (seconds)

var crossFadeDuration = 3

// Specify the image files

var Pic = new Array() // don't touch this

// to add more images, just continue

// the pattern, adding to the array below

Pic[0] = 'images/1.jpg'

Pic[1] = 'images/2.jpg'

Pic[2] = 'images/3.jpg'

Pic[3] = 'images/4.jpg'

Pic[4] = 'images/5.jpg'



var t //this variable will have the value of the setTimout function

var j = 0

var p = Pic.length

var preLoad = new Array()

for (i = 0; i < p; i++){

preLoad[i] = new Image()

preLoad[i].src = Pic[i]

}



function runSlideShow(){

if (document.all){

document.images.SlideShow.style.filter="blendTrans(duration=2)"

document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"

document.images.SlideShow.filters.blendTrans.Apply()


}

document.images.SlideShow.src = preLoad[j].src

if (document.all){

document.images.SlideShow.filters.blendTrans.Play()

}

j = j + 1

if (j > (p-1)) j=0

t = setTimeout('runSlideShow()', slideShowSpeed)

}

</script>
Copy linkTweet thisAlerts:
@JPnycJun 18.2004 — if(j==0) {

clearTimeout(t);

}

What site did you find that script on?
Copy linkTweet thisAlerts:
@vicpal25authorJun 18.2004 — that worked like a charm! thanks! I got the script from codelifter.com Way to go DUNSEL!
Copy linkTweet thisAlerts:
@JPnycJun 18.2004 — Sometimes i get lucky. ?
Copy linkTweet thisAlerts:
@JeffreyGicDec 19.2014 — small personal loans bad credit

[url=http://paydayloansonlinexl.com]payday loans[/url] <a href="http://paydayloansonlinexl.com">payday loans</a> guaranteed unsecured loans

[url=http://personal-loans4badcredit.com]personal loans[/url] <a href="http://personal-loans4badcredit.com">personal loans</a> illinois payday loans

[url=http://paydayloansonlinegt.com]payday loans online[/url] <a href="http://paydayloansonlinegt.com">payday loans online</a> i need to borrow money

[url=http://personalloans4badcredit.com]personal loan[/url] <a href="http://personalloans4badcredit.com">personal loan</a> online payday loans colorado

[url=http://getloansforbadcredit.com]loans for bad credit[/url] <a href="http://getloansforbadcredit.com">loans for bad credit</a> 500 cash loan

[url=http://cashadvanceonlinexl.com]cash advance[/url] <a href="http://cashadvanceonlinexl.com">cash advance</a> guaranteed personal loans

[url=http://badcreditloansxl.com]bad credit loans[/url] <a href="http://badcreditloansxl.com">bad credit loans</a>

local loan companies

[url=http://paydayloanonlinexl.com]payday loan[/url] <a href="http://paydayloanonlinexl.com">payday loan</a>

cash advance ca

[url=http://cashloansonlinexl.com]cash loans[/url] <a href="http://cashloansonlinexl.com">cash loans</a>

bad credit loans online instant decision

[url=http://loansnocreditcheckxl.com]no credit check loans[/url] <a href="http://loansnocreditcheckxl.com">no credit check loans</a> best loan

buy viagra with paypal

[url=http://viagraonline-us.com]viagra online[/url] <a href="http://viagraonline-us.com">viagra online</a>

cialis 10 mg 4 tablet our newest member

[url=http://pharmshop-online.com]cialis online[/url] <a href="http://pharmshop-online.com">cialis online</a>

cialis 5mg daily password

[url=http://genericlevitra-usa.com]buy levitra[/url] <a href="http://genericlevitra-usa.com">buy levitra</a> - generic levitra suppliers in uk
Copy linkTweet thisAlerts:
@JeffreyPnDec 19.2014 — best payday lenders

[url=http://paydayloansonlinexl.com]payday loans[/url] <a href="http://paydayloansonlinexl.com">payday loans</a> smart loan

[url=http://personal-loans4badcredit.com]personal loans[/url] <a href="http://personal-loans4badcredit.com">personal loans</a> ez personal loans

[url=http://paydayloansonlinegt.com]payday loans online[/url] <a href="http://paydayloansonlinegt.com">payday loans online</a> online payday advance loans

[url=http://personalloans4badcredit.com]personal loan[/url] <a href="http://personalloans4badcredit.com">personal loan</a> personal loans in columbia sc

[url=http://getloansforbadcredit.com]loans for bad credit[/url] <a href="http://getloansforbadcredit.com">loans for bad credit</a> personal loans fayetteville nc

[url=http://cashadvanceonlinexl.com]cash advance[/url] <a href="http://cashadvanceonlinexl.com">cash advance</a> social loans

[url=http://badcreditloansxl.com]bad credit loans[/url] <a href="http://badcreditloansxl.com">bad credit loans</a>

next day payday loan

[url=http://paydayloanonlinexl.com]payday loan[/url] <a href="http://paydayloanonlinexl.com">payday loan</a>

easy payday loans online

[url=http://cashloansonlinexl.com]cash loans[/url] <a href="http://cashloansonlinexl.com">cash loans</a>

who will give me a loan with bad credit

[url=http://loansnocreditcheckxl.com]no credit check loans[/url] <a href="http://loansnocreditcheckxl.com">no credit check loans</a> quick installment loans

compare viagra,viagra and levitra

[url=http://viagraonline-us.com]viagra online[/url] <a href="http://viagraonline-us.com">viagra online</a>

cialis for daily use no prescription register

[url=http://pharmshop-online.com]cialis online[/url] <a href="http://pharmshop-online.com">cialis online</a>

viagra, cialis and levitra

[url=http://genericlevitra-usa.com]buy levitra[/url] <a href="http://genericlevitra-usa.com">buy levitra</a> - levitra for women cancer find all posts
×

Success!

Help @vicpal25 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...