/    Sign up×
Community /Pin to ProfileBookmark

Help needed – The type of post that causes people to run!

Copy linkTweet thisAlerts:
Apr 09.2008

Hi

I will have to apologise in advance here, as I am sure I am going to be a complete pain in the backside.

Anyway, as you may or may not have guessed …im a total novice in ned of help.

Basically I’m trying to design a website for a family member and have perhaps biten off more than I can chew.

I’ve done a fair slice of it through frontpage, dreamweaver and importing and amending code that I know (Learning/bumbling as I go along) but have hit a stumbling block.

I’m trying to include a image slideshow within a layer that relies on javascript code. I want it to be a small thumbsize show that is embedded woithin the main page of my site (Bottom left hand corner). Unfortunately im having a nightmare with the code and can’t link it to the pictures that I would like (A folder I set up with the images in). I dont know if the application works, and so I dont know if the problem is the code, my pictures, my amendments, or just me in general.

Ive been at this for 3 days solid now (inbetwen doing other bits) and have come to the stage of asking for help.

So any pointers (to new code/sites etc) or anything at all would be nice…even a get lost message would be appreciated 😉

Anyway sorry for going on and all that,

to post a comment
JavaScript

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@slaughtersApr 09.2008 — ....

I'm trying to include a image slideshow within a layer that relies on javascript code. I want it to be a small thumbsize show that is embedded woithin the main page of my site....,[/QUOTE]

Instead of doing this all in JavaScript simply upload the images to Picasa Web Albums. You can get a snippet of code that will display a photo album as a slide show anywhere on your page.

Here is a small page I set up for my daughters volley ball team that shows this being used: http://www.stansight.com/vb/
Copy linkTweet thisAlerts:
@monkeymagicmanauthorApr 09.2008 — Thanks for your reply.

I dont seem to be able to view the website example that you posted - But would like to see as an example.

I am quite up for alternative solutions like this (esp if theyre easier) but some of these secondary links restrict the amount of images that you can upload - And as the site contains a lot of images that I would like to scroll through (Paintings from an artist), so if this is the case i'd like to try and suceed with the coding, if possible.

Also I dont like being beaten
Copy linkTweet thisAlerts:
@monkeymagicmanauthorApr 09.2008 — The site is working now (May have been my internet). Will have a look. CHeers
Copy linkTweet thisAlerts:
@monkeymagicmanauthorApr 09.2008 — Great, youre slideshow looks perfect. And love the layout of your site too!

The slideshow seeems ideal ill see if it is able to handle a large amount of pics (Won hold my breath tho).

However feel free though to post suggestions/answers to my java script problem - I.e: Where I change the code to look for my pictures (I know it was pointed out on the website but I couldnt get it to work still)


Here's the code I used:

http://www.javascriptkit.com/script/script2/jsslide.shtml

<script language="JavaScript1.1">

<!--

/*

JavaScript Image slideshow:

By JavaScript Kit (www.javascriptkit.com)

Over 200+ free JavaScript here!

*/

var slideimages=new Array()

var slidelinks=new Array()

function slideshowimages(){

for (i=0;i<slideshowimages.arguments.length;i++){

slideimages[i]=new Image()

slideimages[i].src=slideshowimages.arguments[i]

}

}



function slideshowlinks(){

for (i=0;i<slideshowlinks.arguments.length;i++)

slidelinks[i]=slideshowlinks.arguments[i]

}



function gotoshow(){

if (!window.winslide||winslide.closed)

winslide=window.open(slidelinks[whichlink])

else

winslide.location=slidelinks[whichlink]

winslide.focus()

}



//-->

</script>





----------------------



<a href="javascript:gotoshow()"><img src="food1.jpg" name="slide" border=0 width=300 height=375></a>

<script>

<!--



//configure the paths of the images, plus corresponding target links

slideshowimages("food1.jpg","food2.jpg","food3.jpg","food4.jpg","food5.jpg")

slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view?id=20010")



//configure the speed of the slideshow, in miliseconds

var slideshowspeed=2000



var whichlink=0

var whichimage=0

function slideit(){

if (!document.images)

return

document.images.slide.src=slideimages[whichimage].src

whichlink=whichimage

if (whichimage<slideimages.length-1)

whichimage++

else

whichimage=0

setTimeout("slideit()",slideshowspeed)

}

slideit()



//-->

</script>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>

<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript

Kit</a></font></p>
×

Success!

Help @monkeymagicman 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 5.8,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

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

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...