Video gallery images not displaying

dianem326's Avatar

dianem326

23 Oct, 2012 05:02 PM

Hello,
I created the video just like the video gallery on the index, however no images or video are displaying. It is just displaying the text. I am not sure what I am missing. Still new to all this. Here is the link to the page. http://protonpatch.com/solution3.html

thanks

  1. Support Staff 1 Posted by Dmitry Semenov on 24 Oct, 2012 07:16 AM

    Dmitry Semenov's Avatar

    Hello,

    There should be only one main JQuery script on page.

    Dmitry

  2. 2 Posted by dianem326 on 24 Oct, 2012 03:08 PM

    dianem326's Avatar

    Hello,
    I removed the other JQuery script so now the only JQuery is the gallery. Still not working. I have tried it to different ways & neither work.

    http://protonpatch.com/solution2.html
    http://protonpatch.com/solution3.html

  3. Support Staff 3 Posted by Dmitry Semenov on 24 Oct, 2012 03:25 PM

    Dmitry Semenov's Avatar

    You still have two jQuery scripts on both pages, can you send me link to page with one? Maybe there are also issues.

    Dmitry

  4. 4 Posted by dianem326 on 24 Oct, 2012 04:07 PM

    dianem326's Avatar

    Sorry I wasn't sure what jquery still needed to be on the page from the old stuff I had on the old page I created this from. I removed & left the one that you supplied for the royal slider. It is the same links & still nothing is displaying. If I need to remove that one let me know.
    http://protonpatch.com/solution2.html
    http://protonpatch.com/solution3.html

    You have this in the video gallery template example, which is how I did the page solution3

    <!-- slider JS files -->
    <link href="../royalslider/royalslider.css" rel="stylesheet">
    <script  src="../royalslider/jquery-1.8.0.min.js"></script>
    <script src="../royalslider/jquery.royalslider.min.js"></script>
    

    This is at the bottom of the page.

    arrowsNav: false,
    fadeinLoadedSlide: true,
    controlNavigationSpacing: 0,
    controlNavigation: 'thumbnails',
    
    thumbs: {
      autoCenter: false,
      fitInViewport: true,
      orientation: 'vertical',
      spacing: 0
    },
    keyboardNavEnabled: true,
    imageScaleMode: 'fill',
    imageAlignCenter:true,
    loop: false,
    loopRewind: true,
    numImagesToPreload: 3,
    video: {
      autoHideArrows:true,
      autoHideControlNav:false,
      autoHideBlocks: true
    }, 
    autoScaleSlider: true, 
    autoScaleSliderWidth: 960,     
    autoScaleSliderHeight: 450
    

    }); });

  5. Support Staff 5 Posted by Dmitry Semenov on 24 Oct, 2012 04:29 PM

    Dmitry Semenov's Avatar

    On http://protonpatch.com/solution3.html

    • Skin css file is missing
    • Skin CSS class is missing on root slider node
    • Custom CSS code from video template is missing

    http://dimsemenov.com/plugins/royal-slider/documentation/#basic-usage

    Dmitry

  6. 6 Posted by dianem326 on 24 Oct, 2012 06:22 PM

    dianem326's Avatar

    Thanks I got it now. I had all that before, but some reason wasn't displaying. Found out something is preventing it from displaying on my computer.
    http://protonpatch.com/solution3.html

    Thanks for you help. Much appreciated.

  7. Dmitry Semenov closed this discussion on 25 Oct, 2012 06:34 AM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac