Results 1 to 6 of 6

Thread: Joomla Slider

  1. #1
    Join Date
    Jul 2011
    Posts
    113
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default Joomla Slider

    My place of work has been using a modified Joomla template - I looked at the homepage today and *POOF* - the slider on the main page is GONE!!!

    The person who was here before me had this code saved to the desktop - I have tried to insert this
    Code:
    <!-- Image Slide Show Start website image -->
    <center>
    <script type="text/javascript" src="http://www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js"></script>   
    <script type="text/javascript">  
    var mygallery=new fadeSlideShow({   
     wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow   
     dimensions: [955, 318], //width/height of gallery in pixels. Should reflect dimensions of largest image
          imagearray:  [     	
          ["images/stories/makeyourfirststopcoop.jpg"],    
          ["images/stories/purple1.jpg"], 
          ["images/stories/storefrontbig.jpg"]// <--no trailing comma after very last image element!   
          ],
          displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},   
      persist: false, //remember last viewed slide and recall within same session?   
      fadeduration: 2000, //transition duration (milliseconds)  
      descreveal: "ondemand",
      togglerid: ""
      })
     </script><div id="fadeshow2">   
      </div>
    </center>
    <!-- Image Slide Show End -->
    in the module manager for the slider section, but nothing is showing up...

    Here is the site that the slider should show up on:

    http://coopbookstore.com/

    Thoughts??? Thank you, in advance.

    Oh, P.S. Anything web-related is not really my forte, so answers may need to be dumbed down... Sorry.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,070
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    OK, you have at least three problems:

    1. The code in your post is not showing up in the source code of your page.

    2. The script it links to; http://www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js is not there.

    3. The script is actually a Dynamic Drive script; http://www.dynamicdrive.com/dynamici...nslideshow.htm
      As such it requires that the script credit appear on the page that's using it.


    #2 and #3 are probably related. The 2createwebsites people probably found out that they were not licensed to offer the script for hot linking, so took it down. The good news is that you can host your own copy, which you can download from Dynamoc Drive (from its demo page I linked to above). The bad news is that I have no idea why the code from your post isn't appearing in the source code of your page. That's on the server side. Some how someone/something removed its include from the template. Once its restored, you can host the script yourself and edit the include from your post to point to your copy of the script and to restore the credit, and you should be all set.
    Last edited by jscheuer1; 09-02-2013 at 05:36 PM. Reason: add more about the credit
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    katiebugla (09-02-2013)

  4. #3
    Join Date
    Jul 2011
    Posts
    113
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default

    Thank you, John! I have started to update... am I on the right track?

  5. #4
    Join Date
    Jul 2011
    Posts
    113
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default

    Here is the updated code, I have (no doubt) missed something:

    Code:
    <script type="text/javascript" src="fadeslideshow.js">
    /***********************************************
    * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
    </script>
    <script type="text/javascript">
    var mygallery=new fadeSlideShow({  
     wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow  
     dimensions: [955, 318], //width/height of gallery in pixels. Should reflect dimensions of largest image
          imagearray:  [                                                                     
          ["images/stories/makeyourfirststopcoop.jpg"],    
          ["images/stories/purple1.jpg"],
          ["images/stories/storefrontbig.jpg"]// <--no trailing comma after very last image element!  
          ],
          displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},  
      persist: false, //remember last viewed slide and recall within same session?  
      fadeduration: 2000, //transition duration (milliseconds) 
      descreveal: "ondemand",
      togglerid: ""
      })
     </script>
    <div id="fadeshow2">  
    </div>
    <div id="fadeshow2toggler" style="width:955px; margin-top:10px">
    </div>
    </center>
    <!-- Image Slide Show End -->

  6. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,070
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    Looks pretty good, one problem is, only this part:

    Code:
    		<div id="fadeshow2"></div>
    <div id="fadeshow2toggler" style="width: 955px; margin-top: 10px;"></div>
    appears in the served source code of the page at:

    http://coopbookstore.com/

    Oh, and even if the rest of the code from your post were there in the source code of the page:

    http://coopbookstore.com/fadeslideshow.js

    is a 404 Not Found. You need to upload the file to the root folder, or if it's already on the server in a different folder, correct its path here:

    Code:
    <script type="text/javascript" src="fadeslideshow.js">
    /***********************************************
    * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
    </script>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  7. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,070
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    Looks good now, I see you went with a different script. That's fine. And now you're hosting your own copy of the script so you don't have to worry about a third party discontinuing it.

    Are you planning on using the links for the images? If not, you should try the markup without them.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Similar Threads

  1. ads manager for joomla
    By alexdog1805 in forum Other
    Replies: 0
    Last Post: 09-11-2010, 09:14 AM
  2. Replies: 1
    Last Post: 10-11-2009, 09:41 AM
  3. Joomla CMS
    By drosophilam in forum MySQL and other databases
    Replies: 0
    Last Post: 09-07-2008, 02:30 PM
  4. Featured Content Slider v2.4 - one slider with several paginate-slider
    By beathead in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 08-05-2008, 09:05 AM
  5. Joomla 1.5
    By davidjmorin in forum Looking for such a script or service
    Replies: 0
    Last Post: 12-12-2007, 11:27 PM

Bookmarks

Posting Permissions

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