Re: Images not being displayed

  •  10-28-2010, 3:12 PM

    Re: Images not being displayed

    Here is the runtime code that DotNetGallery is inserting into my web page.  I am setting GalleryClient to "~/U_DotNetGallery_Files/".
     
    Again, DNG is not displaying any of the images and is not responding to mouse actions.  
     
     
        <script type='text/javascript' src='~/U_DotNetGallery_Files/Load.ashx?type=culture&culture=en-US'></script>
        <script type='text/javascript' src='~/U_DotNetGallery_Files/Core/GalleryLibrary.js'></script>
        <script type='text/javascript' src='~/U_DotNetGallery_Files/Share/LibraryExt.js'></script>
        <script type='text/javascript' src='~/U_DotNetGallery_Files/Core/GalleryMenu.js'></script>
        <script type='text/javascript' src='~/U_DotNetGallery_Files/Core/GalleryBrowser.js'></script>
        <script type='text/javascript' src='~/U_DotNetGallery_Files/Layout/SlideShow/Code.js'></script>
        <script type='text/javascript' src='~/U_DotNetGallery_Files/Slider/NewWin/Code.js'></script>
        <script type='text/javascript' src='~/U_DotNetGallery_Files/Viewer/LightBox/Code.js'></script>
        <script type='text/javascript' src='~/U_DotNetGallery_Files/Popup/Default/Code.js'></script>
        <script type='text/javascript' src='~/U_DotNetGallery_Files/Theme/Classic/Code.js'></script>
        <link rel='stylesheet' href='~/U_DotNetGallery_Files/Gallery.css' />
        <link rel='stylesheet' href='~/U_DotNetGallery_Files/Theme/Classic/Style.css' />
        <link rel='stylesheet' href='~/U_DotNetGallery_Files/Layout/SlideShow/Style.css' />
        <link rel='stylesheet' href='~/U_DotNetGallery_Files/Viewer/LightBox/Style.css' />
        <div id="ctl00_MasterContent_Gallery1" style="height: 360px; width: 535px;">
            <!--Start Layout Template 'SlideShow'-->
            <div id='dng_container' class="GalleryLayout" style="background-color: #666666; border: solid 1px #666666;
                width: 100%; height: 100%; position: relative;">
                <div id="dng_photo1" style='position: absolute; top: 0px; left: 0px; width: 100%;
                    text-align: center; background-color: #666666;'>
                </div>
                <div id="dng_photo2" style='position: absolute; top: 0px; left: 0px; width: 100%;
                    text-align: center; background-color: #666666;'>
                </div>
                <div id="dng_topinfo" style='position: absolute; top: 0px; left: 0px; width: 100%;
                    height: 48px; background-color: #666666; display: none'>
                    <div style="text-align: left; height: 24px; background-color: #000000">
                        <div id="dng_topinfoindex" style="padding: 4px">
                            Name</div>
                    </div>
                    <div style="text-align: left; height: 24px; background-color: #333333">
                        <div id="dng_topinfoname" style="padding: 4px">
                            Index</div>
                    </div>
                </div>
                <table id="dng_toolbar" border="0" cellspacing="0" cellpadding="0" style='position: absolute;
                    left: 0px; bottom: 0px; width: 100%; height: 30px; background-color: #333333;'>
                    <tr>
                        <td style='width: 60px; text-align: right; vertical-align: middle;'>
                            <img class='BlackSliderButton' id="dng_btn_config" style='width: 16px; height: 16px' />
                            <img class='BlackSliderButton' id='dng_btn_prev' style='width: 16px; height: 16px' />
                        </td>
                        <td style='background-color: black; border: solid 3px #333333;' id='dng_tabcontainer'>
                        </td>
                        <td style='width: 90px; vertical-align: middle;'>
                            <img class='BlackSliderButton' id="dng_btn_next" style='width: 16px; height: 16px' />
                            <img class='BlackSliderButton' id="dng_btn_play" style='width: 16px; height: 16px' />
                            <img class="BlackSliderButton" id="dng_btn_slider" style='width: 16px; height: 16px'
                                onclick="GalleryBrowser.Execute(this,'ShowSlider');return false;" />
                        </td>
                    </tr>
                </table>
            </div>
            <!--End Template-->
            <script type='text/javascript'><!--
                var GalleryAjaxData = { Controls: [
    { ClientID: 'ctl00_MasterContent_Gallery1', UniqueID: 'ctl00$MasterContent$Gallery1', Methods: [{ Name: 'UploadFiles', ParameterCount: 1 }, { Name: 'CreateCategory', ParameterCount: 1 }, { Name: 'DeleteCategory', ParameterCount: 1 }, { Name: 'DeletePhoto', ParameterCount: 2 }, { Name: 'UpdateCategory', ParameterCount: 2 }, { Name: 'UpdatePhoto', ParameterCount: 4 }, { Name: 'GetAllCategoryData', ParameterCount: 0 }, { Name: 'GetCategoryData', ParameterCount: 1 }, { Name: 'AddCategoryComment', ParameterCount: 3 }, { Name: 'AddPhotoComment', ParameterCount: 4 }, { Name: 'DeleteCategoryComment', ParameterCount: 2 }, { Name: 'DeletePhotoComment', ParameterCount: 3}] }
    ]
                };

    --></script>
            <script type='text/javascript' src='~/U_DotNetGallery_Files/Core/GalleryAjax.js'><!-- --></script>
        </div>
        <script type='text/javascript'>        var thegallerybrowser = new GalleryBrowser(
    { ClientID: 'ctl00_MasterContent_Gallery1', UniqueID: 'ctl00$MasterContent$Gallery1', Folder: '~/U_DotNetGallery_Files/', LoadHandler: 'Load.ashx', Theme: 'Classic', Culture: 'en-US', Layout: 'SlideShow', Slider: 'NewWin', Viewer: 'LightBox', Popup: 'Default', Editor: 'Explorer', LogonUserID: null, LogonUserName: null, AllowEdit: null, AllowPostComment: null, AllowShowComment: 1
    , ScriptOption: {}
    , Categories: [{ 'Title': null, 'CategoryID': null, 'Description': null, 'Photos': [{ 'PhotoID': 'IMG_2244w.jpg', 'Title': 'IMG_2244w.jpg', 'Comment': '', 'Size': 208124, 'Height': 427, 'Time': new Date(1277224998064), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2244w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2244w.jpg', 'Width': 640 }, { 'PhotoID': 'IMG_2309w.jpg', 'Title': 'IMG_2309w.jpg', 'Comment': '', 'Size': 248209, 'Height': 427, 'Time': new Date(1277224972111), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2309w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2309w.jpg', 'Width': 640 }, { 'PhotoID': 'IMG_2317w.jpg', 'Title': 'IMG_2317w.jpg', 'Comment': '', 'Size': 198615, 'Height': 427, 'Time': new Date(1277224950908), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2317w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2317w.jpg', 'Width': 640 }, { 'PhotoID': 'IMG_2325w.jpg', 'Title': 'IMG_2325w.jpg', 'Comment': '', 'Size': 180503, 'Height': 427, 'Time': new Date(1277224925361), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2325w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2325w.jpg', 'Width': 640 }, { 'PhotoID': 'IMG_2347w.jpg', 'Title': 'IMG_2347w.jpg', 'Comment': '', 'Size': 162847, 'Height': 427, 'Time': new Date(1277224898860), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2347w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2347w.jpg', 'Width': 640 }, { 'PhotoID': 'IMG_2355w.jpg', 'Title': 'IMG_2355w.jpg', 'Comment': '', 'Size': 181478, 'Height': 427, 'Time': new Date(1277224878470), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2355w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2355w.jpg', 'Width': 640 }, { 'PhotoID': 'IMG_2378w.jpg', 'Title': 'IMG_2378w.jpg', 'Comment': '', 'Size': 289039, 'Height': 427, 'Time': new Date(1277224849344), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2378w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2378w.jpg', 'Width': 640 }, { 'PhotoID': 'IMG_2397w.jpg', 'Title': 'IMG_2397w.jpg', 'Comment': '', 'Size': 286135, 'Height': 427, 'Time': new Date(1277224824922), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2397w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2397w.jpg', 'Width': 640 }, { 'PhotoID': 'IMG_2446w.jpg', 'Title': 'IMG_2446w.jpg', 'Comment': '', 'Size': 234612, 'Height': 427, 'Time': new Date(1277224802797), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2446w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2446w.jpg', 'Width': 640 }, { 'PhotoID': 'IMG_2462w.jpg', 'Title': 'IMG_2462w.jpg', 'Comment': '', 'Size': 241097, 'Height': 427, 'Time': new Date(1277224760577), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2462w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2462w.jpg', 'Width': 640 }, { 'PhotoID': 'IMG_2517w.jpg', 'Title': 'IMG_2517w.jpg', 'Comment': '', 'Size': 192129, 'Height': 426, 'Time': new Date(1277224717748), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2517w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2517w.jpg', 'Width': 640 }, { 'PhotoID': 'IMG_2528w.jpg', 'Title': 'IMG_2528w.jpg', 'Comment': '', 'Size': 231357, 'Height': 427, 'Time': new Date(1277224691091), 'CategoryID': null, 'Thumbnail': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2528w.thumbnail.jpg', 'Url': '/HFTPTest/Images/Home/Events/HITEC/HITEC10Gallery/IMG_2528w.jpg', 'Width': 640}]}]
    });</script>

View Complete Thread