Need a fading slideshow in a container w/ a resize to width script...please

Question

1.00/5 (2 votes)

See more:

hello all...

I know that title seems like a tall order...(unless you know your way around js, which I do not)...but I'm only attempting to create one for myself already done for me by sitey...please have a look:

hello all...

I know that title seems like a tall order...(unless you know your way around js, which I do not)...but I'm only attempting to create one for myself already done for me by sitey...please have a look:

HOME

quick background: I want to recreate that site on my own, so as to be able to post directly thru a domain account I have w/ godaddy (as opposed to a dns redirect w/ sitey; & working in their editor); & I've managed to build everything except that fading gallery show. Attempts to copy/paste the sitey source code into dreamweaver (2004) have gone unsuccessful.

so I only need two things to happen:
1) I need it to be positioned exactly where it is on that home page (which is why I referred to placing it in a div...but am open to other avenues).
2) All those images you see are of different dimensions; & sitey, in their coding, makes them fit perfectly. In looking at it, it is probably a resize to 'width', w/ the image height then centered vertically (judging from what my raw images look like in the slideshow...the entire image width is captured, w/ the same amount of height sawed off at the tops & bottoms).

anyway, if someone could shoot me some simple coding to create that exact slideshow showing at the link above...in a 936 X 224 div...it would be greatly appreciated.

[please bear in mind that I am not a professional coder like most of you...just a struggling singer-songwriter trying to build a nice site].

thanx very much,

mw4man d: I want to recreate that site on my own, so as to be able to post directly thru a domain account I have w/ godaddy (as opposed to a dns redirect w/ sitey; & working in their editor); & I've managed to build everything except that fading gallery show. Attempts to copy/paste the sitey source code into dreamweaver (2004) have gone unsuccessful.

so I only need two things to happen:
1) I need it to be positioned exactly where it is on that home page (which is why I referred to placing it in a div...but am open to other avenues).
2) All those images you see are of different dimensions; & sitey, in their coding, makes them fit perfectly. In looking at it, it is probably a resize to 'width', w/ the image height then centered vertically (judging from what my raw images look like in the slideshow...the entire image width is captured, w/ the same amount of height sawed off at the tops & bottoms).

anyway, if someone could shoot me some simple coding to create that exact slideshow showing at the link above...in a 936 X 224 div...it would be greatly appreciated.

[please bear in mind that I am not a professional coder like most of you...just a struggling singer-songwriter trying to build a nice site].

thanx very much,

mw4man

Posted 22-Oct-15 15:05pm

Member 12080201

Add a Solution

Comments

George Jonsson 22-Oct-15 22:05pm

You forgot to put the link to the web site.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

George Jonsson · Answer 1 · 2015-10-22T16:11:00

AS you are not so skilled in web programming, I would look into Bootstrap.
Bootstrap is a framework that uses the concept "mobile first", which might be of interest for you.

Bootstrap has something called a Carousel that might be what you want.
Bootstrap Carousel[^]

There are also various addons to Bootstrap that might be useful, for example Jssor Slider[^]

However, depending on how your HTML code is written it might not be feasible to introduce Bootstrap in your existing design, but as the link to the web site you refer to is missing it is difficult to give any better help.

Patrice T · Answer 2 · 2015-10-22T17:40:00

Solution 2

Your question is very confuse and may not be suited to this forum.

Advice: Improve your question and remove parts that are duplicated, and you didn't provide the link to the site.

To copy a part of a website, you can also contact the owner to get hints on how it is done.

Posted 22-Oct-15 17:40pm

Patrice T