Added: 1 year ago
From: DreamWeaverTutorial
Views: 49,474
Sort by time | Sort by thread (beta)

Link to this comment:

Share to:

All Comments (133)

Sign In or Sign Up now to post a comment!
  • Can anyone tell me how to make the header and footer the length of the entire page as seen on the page in the vid? Even the name of the technique would be handy so I can look it up.

  • Hi James

    Great tutorial. The practice run went great. Having trouble making a smaller version tho of 480px wide. Changed the dimensions in the iframe and in the html of the images but when inserted in to my webpage its still attempting to show the 950 version i.e chopping half the image off and the right nav button and pause button are not to be seen....any suggestions???

    Thanks in advance...

    Glynne

  • @harrio7 Hello Glynee, can you put the pages online so I can look at them? I find it easier to see the problem if I can see the code. thanks - James

  • hi there, I cant find the script_hook file

    I donwloaded it from catchmyfame . com but there is no script_hook file.

  • At 5:20 I can't get them to get the carousel effect, they're still stacked on each other and I made the width 20,000px. I have 21 pictures each with 557px wide. HELP!

  • @md1997 hello please email your files to dreamweavertutorial @ live . co . uk and ill take a look. If you have it online then thats even better just send me a PM with the link - james

  • at 5:20 what button do I press to float them to the left

  • how to get the software ? can tell me anyone . for my project . tq :)

  • @chivas00rr A lot of money :) If you're serouis about making websites and anything else Adobe offers like Photoshop then you'd spend the money. If not and you just want to fool around and try figuring this out (no it's not easy! takes time to master) then hopefully you're smart enough to do cracks, but because you ask this question I don't think you know what a crack is.

  • @DreamWeaverTutorial

    I loved the tutorial, thank you. Tho i have one problem...

    I am using Google Chrome and it wont show the slideshow for me. In options i have allowed jawascript on chrome but that does not change it. I can see the small pictures but no slideshow or pictures ticking down.

    Would appreciate help...

  • @nollaettanolla Hello, put what you have online and ill take a gander. send me the link.

  • Uma pena ser em ingles! kkkkk

  • i was trying to post a link to it online but youtube woukdnt let me. Could you email me andy@apwcomputers.co.uk and i will send the link. Thanks

  • Hi

    I liked the look of this but when i have followed your instructions i cant get it ti work. I believe i have done it right,

    Please help

  • Hi James this tutorial is fantastic can u tell me how I change the colour of timer line and rather it coming from right can I have coming from the left please I will really appreciate?

  • is it possible to put in the lightbox from your other tut, so you have a lightbox infinity carousel ? =)

  • Is it possible to add sub sections to the Gallery?

  • Indeed, I have follow the instructions and in Dreamweaver cs5 this does not work... At least with the jQuery carousel that i got from his link. Shame, it did look good on the video though. I am going to keep on looking to find a descent one that works.

  • I have dreamweaver 8, can I still do this?

  • The jQuery Slideshow Carousel video is very nice. However, why does it not work width the current release of jQuery (1.6.4)?

    Regards Nils Petter

  • Hey, first and foremost, thank you very much for explaining how to create this slideshow carousel. Since the new Dreamweaver, it's been difficult. I have a bit of a problem though. I followed everything step by step just how you explained it. But when I preview the final product on my browser, the pictures that you have provided are missing, instead.. I see a question mark icon. Everything is in the right folders so I'm not sure why it is doing this. Could it be that I have a MAC and not a PC?

  • Thanx for this great tutorials, i am doing it as you mentioned but the images does not inline,i don`t know why?i checked the HTML more than once also the Css file Plz help!!!

  • when i add the script. it doesnt turn out as a slideshow.. what do i have to do?

  • @Jacketfabric Oh nvm! it works now. THANKS!

  • @Jacketfabric You will need to put it online for me to have a look and tell you the problem. But I can say without any doubt in my mind that you have not followed the tutorial correctly. If the slideshow doesnt work then the scripts are not connect properly or they may be in the wrong order. Always put your jquery library first as that is what fires off in the browser first. If you put it online I will diagnose the problem immediately. - James

  • @Jacketfabric Another thing to look out for is that you have typed your HTML correctly.

  • i need the scripthooks.txt file

  • @Jacketfabric It happens the same to me!

  • great tutorial. is there any way i can put it on my webpage without using teh iframe command as my code is not validated strict then?

  • Hello, great tutorial!!!

    How can you make a similar carousel but with html content instead of just images?

    Thanks,

    Great work again!

  • Wow man. Superb vid tut! Great voice too, lol. I have my carousel up and running locally atm without any probs. Within a few weeks I hope to launch my site live. So far so good. I couldn't have implemented the carousel without your video. So cheers to you bro! Warm greets from The Netherlands.

    PS: I especially appreciate your small but important tip about removing the slash before the js path. Small thing, big value.

  • @losdelrio11 provide a link or GTFO

  • i love you man

  • I follow you exactly (apart from I only make two li tags), but when I preview in a browser at the end the script is not doing what it should be. Nothing changes.

  • wow! I've been wrestling with javascript for a few days trying to get something to work on my site but had not been successful (being an inexperienced first timer) but this tutorial got me exactly what I needed! thank you :)

  • when I have multiple jquery on one page only the one at the top works ...help!!

  • I added the lavalamp and the carousel and there not working together ...whats the order of the jscript?

  • @DreamWeaverTutorial excellent tutorial. everything is working great for me except on Safari wich is my main concer because its my customers #1 browser and iphone browser too :S please if you could help me with this issue.

  • @DLYS what is happening in safari? - James

  • @DreamWeaverTutorial Hi , James thanks for your reply.

    the thing is that i can only see the little miniatures. no buttons no arrows, no image, only the little images with the numbers inside

  • @DLYS hi youll have to send me a link in a personal message. and I 'll try to see what happened. If you have put it into one of your own pages then it is probably not reacting well to something on that page. If you have just done the tutorial and the unit is on its own on a page then you possibly missed something in the tutorial.

  • @DreamWeaverTutorial Great tutorial, but I'm having one problem. I'm trying to insert the carousel into a page that is using a template, so I can't add the script hook because where I have to put it is not an editable region. Is there something that I could do to add it?

  • @incertnamehere987 you will need to go back to add a new editable region in the head of the document that allows you to add script otherwise you will come across huge amount of problems in the future.

  • TOP tutorial!!! AAAAAAA* I've already used my own photo's and am about to do Part 2, so once completed I might take a video to show you!! Thank you, super clear, I have subscribed and favourited!! Thanks

  • @RosettesSpain great! well done. - James

  • @DreamWeaverTutorial Thanks James, I am trying to upload it to my website but not having any luck. Started to think about designing my own html home page and have been searching through your tutorials and I can't find part 1 -3 for templates or building a site from scratch, please advise with links if possible! Thanks so much!

  • @RosettesSpain hi, parts 1-3 were deleted. They just went over defining a new site in dreamweaver and folder structure. You need to set-up FTP. who is your webhost?

  • @DreamWeaverTutorial FTP? web host is webs.com I've actually started creating a home page however I would like to know how to make a FTP and what it does as I will be creating lots of banner style slide shows and would like to add them to other websites... Thank you!

  • just wondering, has the carousel file been changed since you've uploaded this video? like do i need to add any additional code to the js file?

  • when i linked up all the images and written out all the CSS code, including the inline property. When i preview it, the images are still sitting on top of one another rather than next to each other in a line.

  • ive downloaded this file and been fiddling around with it and still can't get it to work and i have checked all the links. Plus when i downloaded this carousel file, i didnt get everything that ive seen in your video. All i got was an "image" folder, and two .js files and thats it. Nothing else. I've attempted to make it vertical instead of horizontal, like a fashion slideshow. So was i suppose to have all your files in this video? not concerned bout your customised buttons though.

  • Thansk dude, this was an awesome tutorial! Just one thing though if you could help, would be greatly appreciated.

    Is there any way to have the black text holder remain at 0.5 opacity but have the white text at full opacity???

  • @HEyTHeReSpORtSFaN yes, you'll need to use RGBA colours instead of HEX colors so if the text in the span tag is white #FFF replace with color: rgba (255,255,255, 1.0); That will give the text a color of white but a full opacity. - James

  • @DreamWeaverTutorial Thanks man but I think I did something wrong somewhere as it doesn't matter what I put in the span tag for a colour, even nothing, doesn't effect it. Always white text. The only thing I can change in the span tag that does have effect is the font-size for some reason

  • @DreamWeaverTutorial Hm, doesn't seem to work. Even with rgba colors set at 1.0 the text isn't full opacity. It shows the text in white alright, but at the same transparency as the text holder. Any solutions yet, James? I's rather not make the text bold.

  • ty dude, very useful guide.

    from spain!

  • wow thanks i find this user

  • not working

  • @SuperDigitalSpit the problem is not on my side of the fence. It's probably that both of you have not told dreamweaver the correct location to your script files. If you see no animation what so ever then this would be the problem. If you see the first animation and something goes wrong in the transition to the second image, then this would indicate that you have possibly not closed off your LI tags correctly.

  • how do you add that drop shadow behind your body page?

  • Hello,

    how can i change the height of the black hover effect on the images?

    and that the fonts on the image are full visible without opacity?

  • thank you so much! you're awesome, nice tutoo :)

  • can someone please help me locate the link to downloading the JQuery plugin, as shown in the video. Thanks in advance

  • @22Salute in the description there is a link which says "download jquery plugin here" when you get to the website it is just below the video and marked "download jquery infinite carousell"

  • @troglodyte3344 Maybe its because im using a mac, but I clicked on the link but all i get is a new tab that shows the below: If there a mac version?

    Rar!�ϐs��

    �������:"t`€I�xa�Qf�4H7¡£ª­<3)� ���imgRotator\images\sliderIma­ges\handle.jpgM‘ÕUØ

    ]ÆØÛ`0:-‘²= ŠÈmÙ+#dlè=1ƒ#³¡tȐ2΁lŽË gA6À׸淽D2Æõ¾oŸyîùü]`(»²©e,

  • @22Salute option click and save the link to your desktop

  • When i try the code out online, its alignment is off by about 8 pixels from the top left of the main div i placed the frameholder in, but works fine offline.. is there something regarding positioning i forgot to declare somehwere?

  • @redwizard2k6 send me a personal message with the link and ill take a look. - James

  • Hi can someone help me when i add a (li) tag a dot appears and it keep pushing the object to the side and out of the div what can do to stop it .

    I'm using Dreamweaver cs5 please help

  • Hi can someone help me when i add a Li tag a dot appears and it keep pushing the object to the side and out of the div what can do to stop it .

    I'm using Dreamweaver cs5 please help

  • Hey, how come there are missing files from the website? Please help! I want to try out this tutorial! THX!

  • I got this working well with firefox but other browsers can't find the files. I think it's because I have the carousel folder outside of my root folder for the page. I think I'll reload it with the carousel files inside my root. Can I just move all the carousel folder inside my root, or do you suggest I order my image files to correspond to the files already ordered in the root (all images in one, etc). Will the carousel CSS file affect the html files outside of the carousel plugin?

  • what dreamweaver are you using because that doesn't work in DW cs5

  • what dreamweaver are you using because that doesn't work in DW css

  • ****OK to everyone that is having a prob with the images beign displayed side by side when they should be working properly****

    make sure you more the two .js files from folder "carousel/js/infinitecarousel/­" to "carousel/js"

    when you unzip them they are in a sub folder,

    it worked for me :-) hope it works for you too :-)

    nice Tut, thanks a mill,

    T

  • Hi! great tutorial, but i have a problem! when working in the css rule, i put everything just like you have it on the video, but the images still are one on top of the other, they dont go in a horizontal line!!! and from there on nothing work! please help!!! thanx!

  • Hi! great tutorial, but i have a problem! when working in the css rule, i put everything just like you have it on the video, but the images still are one on top of the other, they dont go in a horizontal line!!! and from there on nothing work! please help!!! thanx!

  • Very nice and helpful tutorial! However, I was wondering if you can help us out by creating a tutorial about putting arrow buttons so the user don't have to wait for the next image to appear? That would be fantastic!

  • @DreamWeaverTutorial

    Don't worry have watched tut 2 and fixed it

  • @DreamWeaverTutorial

    Please contact me re the script hook - it doesnt work - and i can't go further in the tut until I have it fixed ;(

    Cheers

  • @DreamWeaverTutorial

    Hi James

    I have had the same problem as Pjiggy above - I have cut and put in the script hook and it's not working. Can you tell me whats wrong? Cheers

  • I am beyond frustrated. I have been trying all day to get a freaking slide-show on my website. I've gone through a crap load of tutorials. I finally get to yours and everything seems good like it's going to work. I copy and paste the script_hooks, yours works, mines doesn't! I'm going to jump out of a window.

  • @Pjiggy do you have it onilne? if you do i can take a look. if you don't have it online then you can email me the files and ill fix it for you. - James

  • @DreamWeaverTutorial

    Actually, that sounds great. Sorry to get all crazy! I will email you the files as they are not online yet.

  • @DreamWeaverTutorial

    Hi James

    I have had the same problem as Pjiggy above - I have cut and put in the script hook and it's not working. Can you tell me whats wrong? Cheers

  • great tutorial I subscribe you I've done everything you showed but i dont think that script hook codes are working can you just send me the codes plsss I really need that for my work plss

  • Hi James!

    I got everything running OK. except, the text is not shown up. I have tried two time the result is the same.

    By the way, I am successful with the Rotator!

    Thank you very much for your kindness!

  • Hello... great tutorial

    Just one question: how do I create a margin/padding for the text to separate it from the edge of the box?

    Thanks!

  • I downloaded the rar file and there is no css only folder.

    Is there no css code to go along with this tut?

    Sorry if this is not a valid question.

  • @ctcrtaja94 you create the CSS as you go. There is an empty folder to put the CSS into

  • @branblackmon if you mean the images are side by side then the scripts are not connected properly. check that you are pointing to the files, if you have uploaded it to the internet then send me the link and ill tell you what to do. - James

  • Works great! Nice tutorial, man! One question, anyway to change the small paging numbers below the images to just a solid color instead of a part of the main image? Thanks.

  • Is there something wrong with the code I use? The pics are displayed side by side while editing but in Live View in DW and in browser they're shown one under another. I have no idea what is wrong.

    @charset "utf-8";

    #carousel { width:10000px;

    }

    #carousel ul { list-style:none; width:10000px; margin:0; padding:0; position:relative;

    }

    #carousel li { display:inline; float:left;

    }

    By the way, the tutorials are great, I hope I will enjoy this one as well :)

  • @DreamWeaverTutorial yes i know, but there are many chances that a user might also have same problem when opening our website in IE. Because i think we should make website keeping max users in mind.

  • @eraprathore Yes that is a possibility, I can say that on all of my computers that I own I dont have a problem running this slideshow carousel. There is no guarantee that other people wont have the same problem as you. I should also point out that my analytics tell me that 2% of my visitors do not even have javascript turned on which means it wont display at all. Also, many other modern web elements on the web like form validation, adsense, lightboxes are affected by people with javascript off

  • hi, i really loved ur tutorial.. but i have one problem when open my webpage in IE it says activex blocked and i need to click it to getting animation working....this is many times annoying is there any fix for this.

    Kindly help as soon as possible.

    Thankyou

  • @eraprathore Hi at some point you may have adjusted your security settings to higher than the average. go to

    Tools>internet options>security>custom level

    and then scan down until you find active x controls and enable or disable as appropriate

    - James

  • 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 right click and save it as...it will be downloaded

  • I need the images to be a different size can I just change the sizes in code?

  • pls where can i download that template ?

  • Hi Great tutorials, and have it working really well. Wanted to ask though if i change the jpeg sizes to say 820x259 this puts all the buttons out. Been trying various ways to move them in but really stumped.

  • @lugsy9999 Hi, the width and height are user defined so you will need to change the dimensions in the HTML but also the height and widths selected in the CSS document. The jQuery will only animate on the parameters you tell it to. - James

  • @DreamWeaverTutorial

    Thanks for quick reply forgot the css , can tell i am a beginner lol.

  • @DreamWeaverTutorial

    I changed my picture sizes to 950x250 and everything went fine i changed the width and height when we wrote the code in the source code and every thing. It worked up until i copied script hooks (which i didnt have a problem doing) but one that was placed i went to view it in chrome/safari and none of the animations were there just my photos and the txt underneath it ?

    any idea whats wrong, i saw u said to change the html and the css document can u clarify

  • Comment removed

  • Comment removed

  • Hi is there anywher ei coudl download your play button etc?

  • @gazza43 The buttons for the tutorial are in the JS folder of the download.

  • @DreamWeaverTutorial When i try download the fiel on your website it just opens up the file in microsoft word as a single file.

    Any ideas how i may over come this?

  • @gazza43 download it in Firefox or Chrome. I just checked it and it works fine.

  • @DreamWeaverTutorial Sorry was my fault fo rnot having an appropriate program to open an rar file

    Very good video, will reccomend to friends :-)

  • @gazza43 oh thats good news. good luck with the tutorial. - James

  • Comment removed

  • Comment removed

  • @AL7X7 I think there will always be a place for flash but jQuery works naturally with the browser DOM so is very compatible. Some animations that were once produced with flash can now be produced with javascript and jquery and the files are very lightweight. Flash will still be around though.

  • When I add more than three images I get a unresponsive script in fire fox. how do i fix that?

  • @SilentScope75

    Hi SilentScope75, Assuming your code is correct then if the problem is only happening in Firefox then its probably a firefox issue. I know people have been having problems with the latest update. Go to the Firefox forum, youll probably have to delete your ini files or reinstall. Is it online or are you testing only in dreamweaver? if so send me a personal message with the link and ill test it in my firefox browser to make sure. - James

  • James wlcome back :)

  • @mustafqaan Thanks :)

  • thank you very much!

  • Great tutorial again!

    Thanks dude!

  • @sacrome thanks sacrome - James

Loading...
Alert icon
0 / 00Unsaved Playlist Return to active list
    1. Your queue is empty. Add videos to your queue using this button:
      or sign in to load a different list.
    Loading...Loading...Saving...
    • Clear all videos from this list
    • Learn more