hi! thanks for the tutorial. unfortunately, i can't seem to make the buttons appear. i went to the jquery.infinitecarousel2.js and specified the image path to js/infinitecarousel/images (i made sure that the js folder was in my root site folder). i can't seem to make it work. what should i do?
@vmpnable Hello, if you put the whole thing online and then send me a link, I will tell you how to fix it. It is highly likely that the image paths are incorrect though.
@danwhittle Hello, it works in all browsers including IE so you might have made a mistake somewhere. Go to the website, look for the written tutorial of the same name and copy and paste the code there or check your code against the code on the site. - James
He man, great tutorial. Though, I was wondering if it is possible to have this slideshow embedded in a liquid website, since I am currently building one and can't seem to get it right. Thanks in advance!
AMAZING TUTORIAL !! JUST one question .. can anyone help me with easing!! by default in choose "linear" from the js script. what other values can we substitute?
@MrTDPFilmS you need to go into the javascript file and tell it where your buttons are located on your hosting server. if you send me a link to your site I will find them for you.
@Mogumbow if it gets to the 2nd image ok then the problem is probably a coding error. Maybe you mis-typed the html for the third image. scrutinise the code.
@DreamWeaverTutorial Ive done that and it doesnt seem to be anything wrong with the coding on the third image. Ive deleted the third image but i keep getting the sam e problem.
This tutorial was amazing.. I have very basic knowledge and it was very simple to follow. I have it up and running on Firefox and Chrome, but the carousel does not work in IE... any suggestions?
Love this tutorial, very clear and all the material required are provided. Everything worked~yeah~! thank you so much. I have been looking at other people's tutorials too, but yours is the best XD
Excellent tutorial - the best I've come across, but I can't seem to figure out how to change the font of the Lorem Ipsum text that has been inserted. I simply want to change it from Times New Roman to Arial, but no matter what I do to the csscarousel.css stylesheet I can't! Help please?
so fucking nice toturial mate, just one thing, i couldnt attach the images i dont know why, just asking if there is some other things i have to change than the imagePath, u helped me so much mate thanks and keep up the good work!
@bashar876 If you changed the image paths and it doesn't show the images then you may have written the image paths incorrectly. I can tell you the image paths if it is online. If you have it online then send me a PM with the link - James
@DreamWeaverTutorial thanx alot mate a appreciate it, but it worked when i uploaded it! thanx again,, but can u make another tutorials about jquery slideshow because i tried other ones and they didnt work,.. or i couldnt set them up :D
@RosettesSpain you need to elaborate. have you inserted the script hooks in the head? have you uploaded your folders (js, ccs, images) in the correct order onto the server and appropriatley re-addressed the script hook .js files to match how you structured your uploaded folders?
@evaunitzero1 Thank you! I will have a go and get back to you as I'm currently busy working on my brochure and website. So no time this week to try.... Thank you and I will let you know how it goes as I think I need to check I changed the script hook .js files.....
@evaunitzero1 Hi there, back again, ok I have uploaded successfully so far however the text seems to be in the weaker opacity as well as the overlay box, how can I (css?) it to make it bold / stand out more?
Also I have found that once uploaded to my website and opened the .js files are formatted in a difficult way to change.... I successfully got the pictures on there, the text box, the thumbnails but no buttons... I know I need to change the location of the picture to their new url however I'm not sure how to when it is in this weird format. I've tried to change it to the url but it didn't work....?
@RosettesSpain use the strong tag to bold in html, as for the url change, not quite sure what you mean, u need to have the folders arranged just like they are in the demo, you can change any file or folder names and locations using a FTP client like filezilla, you need your username and password from you webhosting and once you log in using filezilla its like a normal file/folder explorer, hope this helps
Hi James, Another fabulous tutorial! Thank you! I am trying to upload to my website which is a template not one I have designed, do I use the same div iframe code etc... code you mention in this and upload the files to my webserver (webs.com)? Trying now but wanted to ask in-case it doesn't work....
Also when I set the controls autohide to 'true' I get weird results. I want the controls to disappear when the mouse isn't on the slider. However what happens instead is the controls flicker across the screen when you move the mouse.
Fantastic tutorials! I got it all working but for some reason it will work in Safari and Firefox but Chrome only displays the thumbnails, no images. Any thoughts?
Just to let you know James, when you go into the script to change the name of the buttons you input brb1.png when you have named the png image buttons in the exercise files.
Great tutorial, I'm now subscribing! How can I set the ease of the animation in the jquery.infinitecarousel2.js file? I can see a few things to do with the easing, but have no idea how to adjust it.
I spent the afternoon learning this technique and it was time well spent. For other viewers, when the author describes the file brbl.png, he actually means the file buttons.png. If you type in buttons.png whenever you are asked to type brbl.png, it will work. I guess the name of the file got changed somewhere along the line. I'm confused about whether I should copy carousel files to my new root directory when using this plugin -- It doesn't seem to work in other browsers except firefox.
thanks for the tutorial is very helpful. But tell me one thing. I have to make the carrousel in dreamweaevr right as a new document right? Then I have to export this to were the webpage that I have design in fireworks. So said that could I change the text , I mean if I could wirte my own text to the overlay, so I can say that is the image that is showing about?
Thank you for your help and continue the good work
Hey the tutorial a lot thanks! I subbed. I'm having one problem tough and that is when I open the carousel.html in firefox it works fine but when i put it as an iframe into my page it only shows the thumbnails at the bottom it works fine on chrome tough, same problem with IE
@Pulse703 Hi, I can help you but i will need either a link to your site to take a look or for you to compress your pages into a zip file and email them to me.
@DreamWeaverTutorial Hey thanks for the reply, um I zipped the file but what is your e-mail? You can PM it to me. The site is pretty bad so far I'm new at this so don't judge lol.
this slide show is not working for me after adding the code. i had to type the code in manually as the script hook text file was not available to download
this slide show is not working for me after adding the code. i had to type the code in manually as the script hook text file was not available to download
Thank u so much for providing this video. I have a question though.
I've tried making the main site with the carousel on it into a template for all of my sites, but is there any way to not make it go back to the first picture every time i click on the navigation bar into a new site. So that is just continues on showing the pictures regardless on how you click back and foward? Thanks
@rudygay4mvp Hi, thanks for the question, yes is the answer but I don't have time to work out how to do it. A quick fix would be to find the span tag in the CSS and set a font weight of bolder - font-weight: bolder;
that will bulk out the text a bit so it is more visible. - James
@DreamWeaverTutorial thanks for the quick reply, actually I just changed the opacity of the white color bar. It looks great now. Alright thanks a lot!!!
Love the tutorial. You always seem to be loading up tuts that are needed for us noobies. Just one question. Can you place this carousel in a site w/o the iframe?
@kpwebdezigns Hi thanks, yes it is possible but with this particular plugin I would reccommend the Iframe. Im going to release a tutorial in about 2 weeks for a similar image rotator which does not require an Iframe and fades the image in. - James
it works! thanks! :)
FleshMob 41 minutes ago
Comment removed
Kezazaa 6 days ago
hi! thanks for the tutorial. unfortunately, i can't seem to make the buttons appear. i went to the jquery.infinitecarousel2.js and specified the image path to js/infinitecarousel/images (i made sure that the js folder was in my root site folder). i can't seem to make it work. what should i do?
vmpnable 1 week ago
@vmpnable Hello, if you put the whole thing online and then send me a link, I will tell you how to fix it. It is highly likely that the image paths are incorrect though.
DreamWeaverTutorial 1 week ago
@DreamWeaverTutorial i'll send you a message. thank you so much! :)
vmpnable 1 week ago
@DreamWeaverTutorial thanks! i sent you a message with the link! :)
vmpnable 1 week ago
@DreamWeaverTutorial thanks for all the help, james! you're awesome! :)
vmpnable 1 week ago
Is there an IE fix? Not displaying in IE, works fine in other browsers though. Thank you for this.
danwhittle 4 weeks ago
@danwhittle Hello, it works in all browsers including IE so you might have made a mistake somewhere. Go to the website, look for the written tutorial of the same name and copy and paste the code there or check your code against the code on the site. - James
DreamWeaverTutorial 4 weeks ago
THAAAAAAAAAAAANKS SO VERY BLOODY FUCKING MUCH!
elmiquepe 1 month ago
how can i change the writing typ?
TheLinus1998 2 months ago
He man, great tutorial. Though, I was wondering if it is possible to have this slideshow embedded in a liquid website, since I am currently building one and can't seem to get it right. Thanks in advance!
247Dsgnr 2 months ago
AMAZING TUTORIAL !! JUST one question .. can anyone help me with easing!! by default in choose "linear" from the js script. what other values can we substitute?
toxintheterrible 2 months ago
Great video... but when I upload my website to the file server and view the website, the slideshow does not show.. how can I correct this?
timdiesel28 2 months ago
Fantastic!! thank you James
mrNobody5638 2 months ago
how I can remove the overlay with text?
sElMv 2 months ago
If someone could help that would be great but my buttons are not showing :s
MrTDPFilmS 2 months ago
@MrTDPFilmS you need to go into the javascript file and tell it where your buttons are located on your hosting server. if you send me a link to your site I will find them for you.
DreamWeaverTutorial 2 months ago
same problem is here, have u fixed ur problem? can u help me?
wyilldirim 3 weeks ago
Ive done like you said but just when the second image changes to the third image it jumps right back to the second image again. Help PLS :D
Mogumbow 2 months ago
@Mogumbow if it gets to the 2nd image ok then the problem is probably a coding error. Maybe you mis-typed the html for the third image. scrutinise the code.
DreamWeaverTutorial 2 months ago
@DreamWeaverTutorial Ive done that and it doesnt seem to be anything wrong with the coding on the third image. Ive deleted the third image but i keep getting the sam e problem.
Mogumbow 2 months ago
Hey I have question : Is there anyway to slow down sliding ? its kinda fast :) If you can help me please send me message explaining how :)
Great tutorial ! Everything worked fine :)
Thanks
thomasgrab 2 months ago
@thomasgrab yes go in to the javascript file and the seconds are written in red. 1000 = 1 second, 4000 = 4 seconds etc etc/
DreamWeaverTutorial 2 months ago
This tutorial was amazing.. I have very basic knowledge and it was very simple to follow. I have it up and running on Firefox and Chrome, but the carousel does not work in IE... any suggestions?
richardmorris54 3 months ago
Absolutely amazing!!
Ultimawar 3 months ago
my carousel button not working what to do??????/
DESTINYISNOWDEFINED 4 months ago
how can we make the background of caption black..please help..um a newbie
DESTINYISNOWDEFINED 4 months ago
How would I automate this using a mysql database and php?
aasimazam 5 months ago
Love this tutorial, very clear and all the material required are provided. Everything worked~yeah~! thank you so much. I have been looking at other people's tutorials too, but yours is the best XD
asanzos 6 months ago
Comment removed
RosettesSpain 6 months ago
Excellent tutorial - the best I've come across, but I can't seem to figure out how to change the font of the Lorem Ipsum text that has been inserted. I simply want to change it from Times New Roman to Arial, but no matter what I do to the csscarousel.css stylesheet I can't! Help please?
Thanks again!
JonnyHarvell 6 months ago
Comment removed
pothikmanush 6 months ago
This has been flagged as spam show
@JonnyHarvell
Have you tried to add in the span family??Like:
span { color:#FFF; font-family:Verdana, Geneva, sans-serif;
}
Workse for me.. :)
pothikmanush 6 months ago
Thank you very much for the tutorial, you are a very good communicator.
Could you please tell how can I customize the positions of the controls
sureshrp1962 6 months ago
so fucking nice toturial mate, just one thing, i couldnt attach the images i dont know why, just asking if there is some other things i have to change than the imagePath, u helped me so much mate thanks and keep up the good work!
bashar876 7 months ago 4
@bashar876 If you changed the image paths and it doesn't show the images then you may have written the image paths incorrectly. I can tell you the image paths if it is online. If you have it online then send me a PM with the link - James
DreamWeaverTutorial 6 months ago
@DreamWeaverTutorial thanx alot mate a appreciate it, but it worked when i uploaded it! thanx again,, but can u make another tutorials about jquery slideshow because i tried other ones and they didnt work,.. or i couldnt set them up :D
bashar876 6 months ago
Nope, not working, what do I need to do to make it into html to use on my website? Thanks
RosettesSpain 7 months ago
@RosettesSpain you need to elaborate. have you inserted the script hooks in the head? have you uploaded your folders (js, ccs, images) in the correct order onto the server and appropriatley re-addressed the script hook .js files to match how you structured your uploaded folders?
evaunitzero1 7 months ago
@evaunitzero1 Thank you! I will have a go and get back to you as I'm currently busy working on my brochure and website. So no time this week to try.... Thank you and I will let you know how it goes as I think I need to check I changed the script hook .js files.....
RosettesSpain 7 months ago
@evaunitzero1 Hi there, back again, ok I have uploaded successfully so far however the text seems to be in the weaker opacity as well as the overlay box, how can I (css?) it to make it bold / stand out more?
RosettesSpain 6 months ago
Also I have found that once uploaded to my website and opened the .js files are formatted in a difficult way to change.... I successfully got the pictures on there, the text box, the thumbnails but no buttons... I know I need to change the location of the picture to their new url however I'm not sure how to when it is in this weird format. I've tried to change it to the url but it didn't work....?
RosettesSpain 6 months ago
@RosettesSpain use the strong tag to bold in html, as for the url change, not quite sure what you mean, u need to have the folders arranged just like they are in the demo, you can change any file or folder names and locations using a FTP client like filezilla, you need your username and password from you webhosting and once you log in using filezilla its like a normal file/folder explorer, hope this helps
evaunitzero1 6 months ago
Hi James, Another fabulous tutorial! Thank you! I am trying to upload to my website which is a template not one I have designed, do I use the same div iframe code etc... code you mention in this and upload the files to my webserver (webs.com)? Trying now but wanted to ask in-case it doesn't work....
RosettesSpain 7 months ago
help!! i cant get those buttons!!
cooldevansh1 7 months ago
Also when I set the controls autohide to 'true' I get weird results. I want the controls to disappear when the mouse isn't on the slider. However what happens instead is the controls flicker across the screen when you move the mouse.
STADcreative 8 months ago
Fantastic tutorials! I got it all working but for some reason it will work in Safari and Firefox but Chrome only displays the thumbnails, no images. Any thoughts?
STADcreative 8 months ago
You are the bessssssssssssst!!!!!!!!!!!!!
amature and just made it ;-)
hararika 9 months ago
Just to let you know James, when you go into the script to change the name of the buttons you input brb1.png when you have named the png image buttons in the exercise files.
Great tutorial as always though.
Thanks
dashby1969 9 months ago
Great tutorial, I'm now subscribing! How can I set the ease of the animation in the jquery.infinitecarousel2.js file? I can see a few things to do with the easing, but have no idea how to adjust it.
Thanks again!
johnalpi 9 months ago
Anyone can help? i want to change the height of the text holder. how do i do that?
dobbyet 9 months ago
@dobbyet don't worry found it!!!
dobbyet 9 months ago
great video, quick response when I asked about integrating into a site further.. great teacher and generous with his knowledge
redwizard2k6 11 months ago
I spent the afternoon learning this technique and it was time well spent. For other viewers, when the author describes the file brbl.png, he actually means the file buttons.png. If you type in buttons.png whenever you are asked to type brbl.png, it will work. I guess the name of the file got changed somewhere along the line. I'm confused about whether I should copy carousel files to my new root directory when using this plugin -- It doesn't seem to work in other browsers except firefox.
spelunkerd 11 months ago
is there a way to make the transition of the images fade?
declankendrick1 11 months ago
thanks for the tutorial is very helpful. But tell me one thing. I have to make the carrousel in dreamweaevr right as a new document right? Then I have to export this to were the webpage that I have design in fireworks. So said that could I change the text , I mean if I could wirte my own text to the overlay, so I can say that is the image that is showing about?
Thank you for your help and continue the good work
emperorny 11 months ago
Thank you so much for this video. I can't thank you enough!
wackomarko 1 year ago
cn i put a slide show from this website on youtube
halfxrapidzz 1 year ago
great video very,very helpful
alphatom12 1 year ago
Hey the tutorial a lot thanks! I subbed. I'm having one problem tough and that is when I open the carousel.html in firefox it works fine but when i put it as an iframe into my page it only shows the thumbnails at the bottom it works fine on chrome tough, same problem with IE
Pulse703 1 year ago
@Pulse703 Hi, I can help you but i will need either a link to your site to take a look or for you to compress your pages into a zip file and email them to me.
DreamWeaverTutorial 1 year ago
@DreamWeaverTutorial Hey thanks for the reply, um I zipped the file but what is your e-mail? You can PM it to me. The site is pretty bad so far I'm new at this so don't judge lol.
Pulse703 1 year ago
This has been flagged as spam show
this slide show is not working for me after adding the code. i had to type the code in manually as the script hook text file was not available to download
ishanwarrior 1 year ago
this slide show is not working for me after adding the code. i had to type the code in manually as the script hook text file was not available to download
ishanwarrior 1 year ago
Muchas gracias por tu tutorial. Me ha servido de mucho. Saludos desde Chile =)
ANUVISXX 1 year ago
Thank u so much for providing this video. I have a question though.
I've tried making the main site with the carousel on it into a template for all of my sites, but is there any way to not make it go back to the first picture every time i click on the navigation bar into a new site. So that is just continues on showing the pictures regardless on how you click back and foward? Thanks
Sofiekdk 1 year ago
Haha thank you so much for this, man. I could never understand these jQuery things!
I speak for everyone when I say "I appreciate this."
DrummingWithDale 1 year ago
This has been flagged as spam show
can I position the thumbnails in another position??
raytaz50 1 year ago
can I position the thumbnails in another position??
raytaz50 1 year ago
sigh. when I try to download the file it just opens up a page with tons of symbols. Do you have a zip file or anyway link for us to download?
feroshbeauty 1 year ago
hey man! thanks for the tutorials. they're sooo useful. just got one question..
is there anyway I can change the opacity of the font or type to full opacity? Alright thanks!
rudygay4mvp 1 year ago
@rudygay4mvp Hi, thanks for the question, yes is the answer but I don't have time to work out how to do it. A quick fix would be to find the span tag in the CSS and set a font weight of bolder - font-weight: bolder;
that will bulk out the text a bit so it is more visible. - James
DreamWeaverTutorial 1 year ago
@DreamWeaverTutorial thanks for the quick reply, actually I just changed the opacity of the white color bar. It looks great now. Alright thanks a lot!!!
rudygay4mvp 1 year ago
Can you put links in the paragraph texts? Or link the images to a webpage? Will that not affect the javascript to recognize my stuff?
MrNuun 1 year ago
please put a link for fireworks.htm
darysmer 1 year ago
love all the tuts that you make, has helped me with my websites love the work keep it up cheers.
samkoskinen 1 year ago
@samkoskinen thanks for your nice comments. - James
DreamWeaverTutorial 1 year ago
Comment removed
GhostFaceScotty 1 year ago
been looking for a while for this kind of tut, excellent work!
goldeare2 1 year ago
@goldeare2 Glad you liked it ! - James
DreamWeaverTutorial 1 year ago
excellent stuff....thanks
ghostdancer12 1 year ago
@ghostdancer12 you're welcome - James
DreamWeaverTutorial 1 year ago
Love the tutorial. You always seem to be loading up tuts that are needed for us noobies. Just one question. Can you place this carousel in a site w/o the iframe?
kpwebdezigns 1 year ago
@kpwebdezigns Hi thanks, yes it is possible but with this particular plugin I would reccommend the Iframe. Im going to release a tutorial in about 2 weeks for a similar image rotator which does not require an Iframe and fades the image in. - James
DreamWeaverTutorial 1 year ago