dcsimg
www.webdeveloper.com
Results 1 to 5 of 5

Thread: few trouble with jquery itself and also uploading it on ftp

  1. #1
    Join Date
    Jul 2012
    Posts
    10

    few trouble with jquery itself and also uploading it on ftp

    hello first i really like this forum it helped me alot those few days
    i have some jquery issues
    i have some stuff that have some trouble like if i put 17 pictures only 16 will show everytime it shows 2-3 less pictures than it supposed to be and i dont know how to solve the problem
    i would appreciate any kind of help this would be great

    here is the code i took
    http://coffeescripter.com/code/ad-gallery/#ad-image-0
    since i'm a newbie there are lots of stuff i dont know how to handle

    here is the website i started doing just the gallerie
    http://debojam.bugs3.com/personalgallerie/images/
    as u can see the gallerie is not showing now we get to question number 2
    question 2
    as long as i'm offline everything works really fine but in the minute i upload it on my ftp nothing works i mean except of the html itself like the logo that's all that works do i need any support for it in the server ??

    the third and last question
    how do i make a site management i mean the people i'm making the website for them want to be able to change very easy way the pictures and text that will be on the website
    i've heard about drupal but i don't know how to make this website as drupal

    thank you very much for the help

  2. #2
    Join Date
    Jul 2012
    Posts
    10

    pleaseee

    please can someone help here i'm stuck i dont know what to do

  3. #3
    Join Date
    Aug 2009
    Posts
    79
    Well from what I've notice by looking at your script you have an empty <li> tag
    it says you have 16 images because that's how many <li> tags have content in them
    also some of the <li>'s are commented out
    HTML Code:
    <ul class="ad-thumb-list">
                <li>
                  <a href="personal1.jpg">
                    <img src="thumbs/personal1.jpg" class="image0" style="opacity: 0.7; ">
                  </a>
                </li>
                <li>
                Yokiest :Here is the empty li tag  
                </li>
                <li>
                  <a href="personal11.jpg">
                    <img src="thumbs/personal11.jpg" title="A title for 11.jpg" longdesc="http://coffeescripter.com" alt="This is a nice, and incredibly descriptive, description of the image 11.jpg" class="image2" style="opacity: 0.7; ">
                  </a>
                </li>
                <li>
                  <a href="personal12.jpg">
                    <img src="thumbs/personal12.jpg" title="A title for 12.jpg" alt="This is a nice, and incredibly descriptive, description of the image 12.jpg" class="image3" style="opacity: 0.7; ">
                  </a>
                </li>
      
    <li>
                  <a href="personal13.jpg">
                    <img src="thumbs/personal13.jpg" title="A title for 13.jpg" alt="This is a nice, and incredibly descriptive, description of the image 12.jpg" class="image3" style="opacity: 0.7; ">
                  </a>
                </li>
    
    <li>
                  <a href="personal14.jpg">
                    <img src="thumbs/personal14.jpg" title="A title for 14.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים " class="image13" style="opacity: 0.7; ">
                  </a>
                </li>
    
    <li>
                  <a href="personal5.jpg">
                    <img src="thumbs/personal5.jpg" title="A title for 15.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים " class="image14" style="opacity: 0.7; ">
                  </a>
                </li>
    
    <li>
                  <a href="personal6.jpg">
                    <img src="thumbs/personal6.jpg" title="A title for 16.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים " class="image15" style="opacity: 0.7; ">
                  </a>
                </li>
    
    <li>
                  <a href="personal17.jpg">
                    <img src="thumbs/personal17.jpg" title="A title for 17.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים " class="image16" style="opacity: 0.7; ">
                  </a>
                </li>
    
                       <li>
                  <a href="personal2.jpg" id="t2">
                    <img src="thumbs/personal2.jpg" title="A title for 2.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים" class="image6" style="opacity: 0.7; ">
                  </a>
                </li>
    <li>
                  <a href="personal3.jpg">
                    <img src="thumbs/personal3.jpg" title="A title for 3.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים " class="image7" style="opacity: 0.7; ">
                  </a>
                </li>
    
    
    
                <li>
                  <a href="personal4.jpg">
                    <img src="thumbs/personal4.jpg" title="A title for 4.jpg" alt="This is a nice, and incredibly descriptive, description of the image 4.jpg" class="image8" style="opacity: 0.7; ">
                  </a>
                </li>
                <li>
                  <a href="personal5.jpg">
                    <img src="thumbs/personal5.jpg" title="A title for 5.jpg" alt="This is a nice, and incredibly descriptive, description of the image 5.jpg" class="image9" style="opacity: 0.7; ">
                  </a>
                </li>
                <li>
                  <a href="personal6.jpg">
                    <img src="thumbs/personal6.jpg" title="A title for 6.jpg" alt="This is a nice, and incredibly descriptive, description of the image 6.jpg" class="image10" style="opacity: 0.7; ">
                  </a>
                </li>
    Yokiest: Comment Starts Here
                <!--<li>
                  <a href="personal7.jpg">
                    <img src="thumbs/personal7.jpg" title="A title for 7.jpg" alt="This is a nice, and incredibly descriptive, description of the image 7.jpg" class="image11">
                  </a>
                </li>
                <li>
                  <a href="personal8.jpg">
                    <img src="images/thumbs/personal8.jpg" title="A title for 8.jpg" alt="This is a nice, and incredibly descriptive, description of the image 8.jpg" class="image12">
                  </a>
                </li>
                <li>
                  <a href="personal9.jpg">
                    <img src="thumbs/personal9.jpg" title="A title for 9.jpg" alt="This is a nice, and incredibly descriptive, description of the image 9.jpg" class="image13">
                  </a>
                </li>  <li>
                  -->
    Yokiest: Comment Ends Here
              <li><a href="personal7.jpg" id=""><img src="thumbs/personal7.jpg" title="" alt="" style="opacity: 0.7; "></a></li><li><a href="personal8.jpg" id=""><img src="thumbs/personal8.jpg" title="" alt="" style="opacity: 0.7; "></a></li><li><a href="personal9.jpg" id=""><img src="thumbs/personal9.jpg" title="" alt="" style="opacity: 0.7; "></a></li></ul>
    As for the reason why the images aren't showing is because image url's are case sensitive all your images have "JPG" not "jpg" as you have in your script so either change the extensions of all your images to lowercase or change them in your script to uppercase

    as for the cms you can create your own and store each image url in a table along with what other aspects they would like to manage like name, description, or whether or not to show the image
    Last edited by Yokiest; 07-09-2012 at 01:48 AM.

  4. #4
    Join Date
    Jul 2012
    Posts
    10
    hey first thank you very much for commenting
    i still have trouble that i didnt figure out
    i have erased the empty li but still showing one less
    what do u mean by commented out that there is no text thats ok i will add the text later but first trying to make it work

    about the images not showing online i tried what you said and rename all of the html with JPG
    it showed one or two but the rest dont show and the images are not as a slide you cant click on it to make it bigger

    about the cms i sont know how to even start with creating something like that ?? what language will it be

    thank you very much for your help



    Quote Originally Posted by Yokiest View Post
    Well from what I've notice by looking at your script you have an empty <li> tag
    it says you have 16 images because that's how many <li> tags have content in them
    also some of the <li>'s are commented out
    HTML Code:
    <ul class="ad-thumb-list">
                <li>
                  <a href="personal1.jpg">
                    <img src="thumbs/personal1.jpg" class="image0" style="opacity: 0.7; ">
                  </a>
                </li>
                <li>
                Yokiest :Here is the empty li tag  
                </li>
                <li>
                  <a href="personal11.jpg">
                    <img src="thumbs/personal11.jpg" title="A title for 11.jpg" longdesc="http://coffeescripter.com" alt="This is a nice, and incredibly descriptive, description of the image 11.jpg" class="image2" style="opacity: 0.7; ">
                  </a>
                </li>
                <li>
                  <a href="personal12.jpg">
                    <img src="thumbs/personal12.jpg" title="A title for 12.jpg" alt="This is a nice, and incredibly descriptive, description of the image 12.jpg" class="image3" style="opacity: 0.7; ">
                  </a>
                </li>
      
    <li>
                  <a href="personal13.jpg">
                    <img src="thumbs/personal13.jpg" title="A title for 13.jpg" alt="This is a nice, and incredibly descriptive, description of the image 12.jpg" class="image3" style="opacity: 0.7; ">
                  </a>
                </li>
    
    <li>
                  <a href="personal14.jpg">
                    <img src="thumbs/personal14.jpg" title="A title for 14.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים " class="image13" style="opacity: 0.7; ">
                  </a>
                </li>
    
    <li>
                  <a href="personal5.jpg">
                    <img src="thumbs/personal5.jpg" title="A title for 15.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים " class="image14" style="opacity: 0.7; ">
                  </a>
                </li>
    
    <li>
                  <a href="personal6.jpg">
                    <img src="thumbs/personal6.jpg" title="A title for 16.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים " class="image15" style="opacity: 0.7; ">
                  </a>
                </li>
    
    <li>
                  <a href="personal17.jpg">
                    <img src="thumbs/personal17.jpg" title="A title for 17.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים " class="image16" style="opacity: 0.7; ">
                  </a>
                </li>
    
                       <li>
                  <a href="personal2.jpg" id="t2">
                    <img src="thumbs/personal2.jpg" title="A title for 2.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים" class="image6" style="opacity: 0.7; ">
                  </a>
                </li>
    <li>
                  <a href="personal3.jpg">
                    <img src="thumbs/personal3.jpg" title="A title for 3.jpg" alt="זהו אחד העוגות הטעימות שטעמתם בחיים " class="image7" style="opacity: 0.7; ">
                  </a>
                </li>
    
    
    
                <li>
                  <a href="personal4.jpg">
                    <img src="thumbs/personal4.jpg" title="A title for 4.jpg" alt="This is a nice, and incredibly descriptive, description of the image 4.jpg" class="image8" style="opacity: 0.7; ">
                  </a>
                </li>
                <li>
                  <a href="personal5.jpg">
                    <img src="thumbs/personal5.jpg" title="A title for 5.jpg" alt="This is a nice, and incredibly descriptive, description of the image 5.jpg" class="image9" style="opacity: 0.7; ">
                  </a>
                </li>
                <li>
                  <a href="personal6.jpg">
                    <img src="thumbs/personal6.jpg" title="A title for 6.jpg" alt="This is a nice, and incredibly descriptive, description of the image 6.jpg" class="image10" style="opacity: 0.7; ">
                  </a>
                </li>
    Yokiest: Comment Starts Here
                <!--<li>
                  <a href="personal7.jpg">
                    <img src="thumbs/personal7.jpg" title="A title for 7.jpg" alt="This is a nice, and incredibly descriptive, description of the image 7.jpg" class="image11">
                  </a>
                </li>
                <li>
                  <a href="personal8.jpg">
                    <img src="images/thumbs/personal8.jpg" title="A title for 8.jpg" alt="This is a nice, and incredibly descriptive, description of the image 8.jpg" class="image12">
                  </a>
                </li>
                <li>
                  <a href="personal9.jpg">
                    <img src="thumbs/personal9.jpg" title="A title for 9.jpg" alt="This is a nice, and incredibly descriptive, description of the image 9.jpg" class="image13">
                  </a>
                </li>  <li>
                  -->
    Yokiest: Comment Ends Here
              <li><a href="personal7.jpg" id=""><img src="thumbs/personal7.jpg" title="" alt="" style="opacity: 0.7; "></a></li><li><a href="personal8.jpg" id=""><img src="thumbs/personal8.jpg" title="" alt="" style="opacity: 0.7; "></a></li><li><a href="personal9.jpg" id=""><img src="thumbs/personal9.jpg" title="" alt="" style="opacity: 0.7; "></a></li></ul>
    As for the reason why the images aren't showing is because image url's are case sensitive all your images have "JPG" not "jpg" as you have in your script so either change the extensions of all your images to lowercase or change them in your script to uppercase

    as for the cms you can create your own and store each image url in a table along with what other aspects they would like to manage like name, description, or whether or not to show the image

  5. #5
    Join Date
    Aug 2009
    Posts
    79
    Well I can't see the changes you made your website links no longer work.

    As for the cms you can create it all in php with basic admin management you can google php cms tutorials in to google.

    Also if your going to be using tables to show the rows in your database you can use a datagrid which will produce the tables and allow basic editing for the rows


    As for commented out.

    Any html that is in between
    HTML Code:
    <!--- and -->
    doesn't get read by the browser and you have some <li>'s in between them
    HTML Code:
     <!--<li>
                  <a href="personal7.jpg">
                    <img src="thumbs/personal7.jpg" title="A title for 7.jpg" alt="This is a nice, and incredibly descriptive, description of the image 7.jpg" class="image11">
                  </a>
                </li>
                <li>
                  <a href="personal8.jpg">
                    <img src="images/thumbs/personal8.jpg" title="A title for 8.jpg" alt="This is a nice, and incredibly descriptive, description of the image 8.jpg" class="image12">
                  </a>
                </li>
                <li>
                  <a href="personal9.jpg">
                    <img src="thumbs/personal9.jpg" title="A title for 9.jpg" alt="This is a nice, and incredibly descriptive, description of the image 9.jpg" class="image13">
                  </a>
                </li>  <li>
                  -->

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles