WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.
Course Of The Month
Become a Premium Member and unlock a new, free course in leading technologies each month.
Solved
JQuery and PHP image gallery
Posted on 2014-04-17
I have a JQuery and PHP image gallery. For some reason the gallery is not showing up: Any ideas on why nothing is showing?
http://www.marcushookps.org/doptg/?gallery_id=1
http://www.marcushookps.org/doptg/?gallery_id=1
<?php
if (isset($_GET['gallery_id'])){
$DOPTG_load_scripts = true;
}
include_once 'config.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Thumbnail Gallery (with PHP Admin)</title>
<script type="text/JavaScript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/JavaScript" src="http://www.marcushookps.org/doptg/libraries/js/jquery.mousewheel.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.marcushookps.org/doptg/libraries/gui/css/jquery.jscrollpane.css" />
<script type="text/JavaScript" src="http://www.marcushookps.org/doptg/libraries/js/jquery.jscrollpane.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.marcushookps.org/doptg/assets/gui/css/jquery.dop.ThumbnailGallery.css" />
<script type="text/JavaScript" src="http://www.marcushookps.org/doptg/assets/js/jquery.dop.ThumbnailGallery.js"></script>
<script type="text/JavaScript">
$(document).ready(function(){
$('#DOPThumbnailGalleryContainer1').DOPThumbnailGallery({'URL': 'http://www.marcushookps.org/', 'SettingsFilePath': 'http://www.marcushookps.org/doptg/data/settings1.json', 'ContentFilePath': 'http://www.marcushookps.org/doptg/data/content1.json'});
});
</script>
/////The JSON content file contains this//////
[{"Image":"doptg\/uploads\/TtE8dNkNkRG1HgtjbPkRSTAfxK6KhFmpggmt3wFftEYAmLNsrazg2szFY4KLMgbgS.jpg","Thumb":"doptg\/uploads\/thumbs\/TtE8dNkNkRG1HgtjbPkRSTAfxK6KhFmpggmt3wFftEYAmLNsrazg2szFY4KLMgbgS.jpg","CaptionTitle":"Test One","CaptionText":"","Media":"","LightboxMedia":"","Enabled":"true"},{"Image":"doptg\/uploads\/X9WAEAkqxhmxYGqYLe6Akqgrt9bPYE2nsawnAj78HF4C16pDspcqer59qZPG2215C.jpg","Thumb":"doptg\/uploads\/thumbs\/X9WAEAkqxhmxYGqYLe6Akqgrt9bPYE2nsawnAj78HF4C16pDspcqer59qZPG2215C.jpg","CaptionTitle":"Test Two","CaptionText":"","Media":"","LightboxMedia":"","Enabled":"true"},{"Image":"doptg\/uploads\/Q84CrgrYsG4TLEbrMnDKFPzj6GWmc2Eb9kQmrjmZyBnKbYw4NnmBXT93S3nE4gGhX.jpg","Thumb":"doptg\/uploads\/thumbs\/Q84CrgrYsG4TLEbrMnDKFPzj6GWmc2Eb9kQmrjmZyBnKbYw4NnmBXT93S3nE4gGhX.jpg","CaptionTitle":"","CaptionText":"","Media":"","LightboxMedia":"","Enabled":"true"}]
</head>
<body style="margin:0px; padding:0px;">
<div id="DOPThumbnailGalleryContainer1">Hi</div>
</body>
</html>
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
5
4
9 Comments
Active today
going to that page, in the developers console, i get a 404 error message when trying to load http://www.marcushookps.org/doptg/data/settings1.json
I showed up top the content of the content file, this is the content of the Settings.json there is a lot of info but the one thing I noticed is in the files there are front and back slashes. Is that ok?
{"Width":"1200","Height":"600","BgColor":"f1f1f1","BgAlpha":"100","ImagesOrder":"normal","ResponsiveEnabled":"true","ThumbnailsPosition":"bottom","ThumbnailsOverImage":"false","ThumbnailsBgColor":"f1f1f1","ThumbnailsBgAlpha":"100","ThumbnailsSpacing":"5","ThumbnailsPaddingTop":"0","ThumbnailsPaddingRight":"5","ThumbnailsPaddingBottom":"5","ThumbnailsPaddingLeft":"5","ThumbnailsNavigation":"mouse","ThumbnailsNavigationPrev":"doptg\/uploads\/settings\/thumbnails-navigation-prev\/0.png","ThumbnailsNavigationPrevHover":"doptg\/uploads\/settings\/thumbnails-navigation-prev-hover\/0.png","ThumbnailsNavigationNext":"doptg\/uploads\/settings\/thumbnails-navigation-next\/0.png","ThumbnailsNavigationNextHover":"doptg\/uploads\/settings\/thumbnails-navigation-next-hover\/0.png","ThumbnailLoader":"doptg\/uploads\/settings\/thumb-loader\/0.gif","ThumbnailWidth":"60","ThumbnailHeight":"60","ThumbnailWidthMobile":"60","ThumbnailHeightMobile":"60","ThumbnailAlpha":null,"ThumbnailAlphaHover":"100","ThumbnailAlphaSelected":"100","ThumbnailBgColor":"f1f1f1","ThumbnailBgColorHover":"000000","ThumbnailBgColorSelected":"000000","ThumbnailBorderSize":"2","ThumbnailBorderColor":"f1f1f1","ThumbnailBorderColorHover":"000000","ThumbnailBorderColorSelected":"000000","ThumbnailPaddingTop":"0","ThumbnailPaddingRight":"0","ThumbnailPaddingBottom":"0","ThumbnailPaddingLeft":"0","ImageLoader":"doptg\/uploads\/settings\/image-loader\/0.gif","ImageBgColor":"afafaf","ImageBgAlpha":"100","ImageDisplayType":"fit","ImageDisplayTime":"1000","ImageMarginTop":"20","ImageMarginRight":"20","ImageMarginBottom":"20","ImageMarginLeft":"20","ImagePaddingTop":"5","ImagePaddingRight":"5","ImagePaddingBottom":"5","ImagePaddingLeft":"5","NavigationEnabled":"true","NavigationOverImage":"true","NavigationPrev":"doptg\/uploads\/settings\/navigation-prev\/0.png","NavigationPrevHover":"doptg\/uploads\/settings\/navigation-prev-hover\/0.png","NavigationNext":"doptg\/uploads\/settings\/navigation-next\/0.png","NavigationNextHover":"doptg\/uploads\/settings\/navigation-next-hover\/0.png","NavigationLightbox":"doptg\/uploads\/settings\/navigation-lightbox\/0.png","NavigationLightboxHover":"doptg\/uploads\/settings\/navigation-lightbox-hover\/0.png","NavigationTouchDeviceSwipeEnabled":"true","CaptionWidth":"900","CaptionHeight":"70","CaptionTitleColor":"000000","CaptionTextColor":"000000","CaptionBgColor":"ffffff","CaptionBgAlpha":"50","CaptionPosition":"bottom","CaptionOverImage":"true","CaptionScrollScrubColor":"777777","CaptionScrollBgColor":"e0e0e0","CaptionMarginTop":"0","CaptionMarginRight":"0","CaptionMarginBottom":"0","CaptionMarginLeft":"0","CaptionPaddingTop":"10","CaptionPaddingRight":"10","CaptionPaddingBottom":"10","CaptionPaddingLeft":"10","LightboxEnabled":"true","LightboxWindowColor":"000000","LightboxWindowAlpha":"80","LightboxLoader":"doptg\/uploads\/settings\/lightbox-loader\/0.gif","LightboxBgColor":"000000","LightboxBgAlpha":"100","LightboxMarginTop":"70","LightboxMarginRight":"70","LightboxMarginBottom":"70","LightboxMarginLeft":"70","LightboxPaddingTop":"10","LightboxPaddingRight":"10","LightboxPaddingBottom":"10","LightboxPaddingLeft":"10","LightboxNavigationPrev":"doptg\/uploads\/settings\/lightbox-navigation-prev\/0.png","LightboxNavigationPrevHover":"doptg\/uploads\/settings\/lightbox-navigation-prev-hover\/0.png","LightboxNavigationNext":"doptg\/uploads\/settings\/lightbox-navigation-next\/0.png","LightboxNavigationNextHover":"doptg\/uploads\/settings\/lightbox-navigation-next-hover\/0.png","LightboxNavigationClose":"doptg\/uploads\/settings\/lightbox-navigation-close\/0.png","LightboxNavigationCloseHover":"doptg\/uploads\/settings\/lightbox-navigation-close-hover\/0.png","LightboxNavigationInfoBgColor":"000000","LightboxNavigationInfoTextColor":"dddddd","LightboxNavigationTouchDeviceSwipeEnabled":"true","SocialShareEnabled":"true","SocialShare":"doptg\/uploads\/settings\/social-share\/0.png","0":false,"TooltipEnabled":"false","TooltipBgColor":"ffffff","TooltipStrokeColor":"000000","TooltipTextColor":"000000","Slideshow":"false","SlideshowTime":"5000","SlideshowAutostart":"true","SlideshowLoop":"true","SlideshowPlay":"doptg\/uploads\/settings\/slideshow-play\/0.png","SlideshowPlayHover":"doptg\/uploads\/settings\/slideshow-play-hover\/0.png","SlideshowPause":"doptg\/uploads\/settings\/slideshow-pause\/0.png","SlideshowPauseHover":"doptg\/uploads\/settings\/slideshow-pause-hover\/0.png","AutoHide":"false","AutoHideTime":"2000"}
Active today
in your document load event, you reference http://www.marcushookps.org/doptg/data/settings1.json as your settings file, and that file does not exist, that's why nothing is showing, because it cant find the data to load.
upon a brief look at the content file, it looks like the slashes are escaped properly.
upon a brief look at the content file, it looks like the slashes are escaped properly.
Active today
no, the file just doesn't exist at that path. click on the link and you'll see that you get a file not found error. find the file on your server and either move it to that location or change the path in your javascript to match where it is. This needs to be done for both your settings and content files.
Yes, those two files are there in that folder, where they should be. However, when I go to the link, I get the same error, even though yes they are in that folder, on the server.
Is the following line correct?
<script type="text/JavaScript">
$(document).ready(function(){
$('#DOPThumbnailGalleryContainer1').DOPThumbnailGallery({'URL': 'http://www.marcushookps.org/', 'SettingsFilePath': 'http://www.marcushookps.org/doptg/data/settings1.json', 'ContentFilePath': 'http://www.marcushookps.org/doptg/data/content1.json'});
});
</script>
Active today
syntax-wise, its correct...the path needs to be valid though...
if you have access to the webserver, can you verify that the /doptg/data/ folder exists? if so, can you send a screenshot of it through windows explorer or something, with the contents of the folder listed?
if you have access to the webserver, can you verify that the /doptg/data/ folder exists? if so, can you send a screenshot of it through windows explorer or something, with the contents of the folder listed?
As I mentioned, it's there but for some reason it is not being recognized.
marcus.jpg
marcus.jpg
Featured Post
![[Live Webinar] The Cloud Skills Gap](https://filedb.experts-exchange.com/files/public/2017/5/29/3249c5dc-214e-4f8f-afab-ef354630e19f.png)
As Cloud technologies come of age, business leaders grapple with the impact it has on their team's skills and the gap associated with the use of a cloud platform.
Join experts from 451 Research and Concerto Cloud Services on July 27th where we will examine fact and fiction.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Originally, this post was published on Monitis Blog, you can check it
here
.
In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions.
Consider email address RFCs:
Look at HTML5 form input element (with type=email) regex pattern:
T…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing.
Set up your basic HTML file. Open your form tag and set the method and action attributes.:
(CODE)
Set up your first few inputs one for the name and …
Suggested Courses
Earn Certification
HTML5 Specialist - Certification
Free withPremium
Course of the Month5 days, 7 hours left to enroll
627 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.