Forum — studiograsshopper

Please make sure that you have read the documentation and extensive resources provided on this site before posting your question!

Dynamic Content Gallery Resources

DCG Version 4.0 beta is now available for download and testing. This is a development version and not recommended for live sites. Read more here.

Note that the current stable release of the DCG is version 3.3.5.

Please consider registering
guest

Home

Forum

Dynamic Content Gallery v3+

Created a div wrapper for gallery, now it doesn't show.

Topic RSS

Created a div wrapper for gallery, now it doesn't show.

Status:

open

December 13, 2010
10:10 am

ryscher

Guest

I'm having trouble getting this great plugin working. I had it working when I intially was testing it by hardcoding it into a page template. Now I have inserted it into an action hook on a Thematic wordpress child theme and it won't show. I had to do this so that I could properly position it between two other divs.

Unfortunately, I can't give a link to the site because I'm testing it on localhost, but here is the code. Can anyone help me? I have turned on error messages and nothing showed up. I am using JQuery because when I use MooTools, I do see the gallery but there are no images, just a big black box with the status bar. Thanks!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona…..t;>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<title>Christ the Redeemer | A growing community of faith.</title>

<!– Added by SermonBrowser (version 0.43.5) – http://www.4-14.org.uk/sermon-browser –>
<link rel="alternate" type="application/rss+xml" title="Sermon podcast" href="http://localhost:8888/wordpress/homilies/?podcast" />
<meta name='robots' content='noindex,nofollow' />
<link rel="alternate" type="application/rss+xml" title="Christ the Redeemer » Feed" href="http://localhost:8888/wordpress/feed/" />
<link rel="alternate" type="application/rss+xml" title="Christ the Redeemer » Comments Feed" href="http://localhost:8888/wordpress/comments/feed/" />
<link rel='stylesheet' id='sp-events-calendar-style-css' href='http://localhost:8888/wordpress/wp-content/plugins/the-events-calendar/resources/events.css?ver=1.6.4' type='text/css' media='screen' />
<link rel='stylesheet' id='sb_style-css' href='http://localhost:8888/wordpress/sb-style.css?ver=1292198893' type='text/css' media='all' />
<script type='text/javascript' src='http://localhost:8888/wordpress/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
<script type='text/javascript' src='http://localhost:8888/wordpress/wp-content/plugins/the-events-calendar/resources/events.js?ver=3.0.2'></script>
<script type='text/javascript' src='http://localhost:8888/wordpress/wp-includes/js/comment-reply.js?ver=20090102'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost:8888/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost:8888/wordpress/wp-includes/wlwman….." />
<link rel='index' title='Christ the Redeemer' href='http://localhost:8888/wordpress/' />

<!– Dynamic Content Gallery plugin version 3.3.5 http://www.studiograsshopper.ch Begin jQuery smoothSlideshow scripts –>
<style type="text/css">
#dfcg-slideshow {
color:#fff;
list-style:none;
}

#dfcg-slideshow span {
display:none;
}

#dfcg-wrapper {
display:none;
margin:0px;
}

#dfcg-wrapper * {
margin:0;
padding:0;
/*overflow:hidden;Added AW */
}

#dfcg-fullsize {
background:#000000;
border:0px solid #000000;
height:300px;
overflow: hidden;
padding:0px;
position:relative;
z-index:1;/* Fix added in v3.3.3 */
width:988px;
}

#dfcg-text {
background-color:#000000 !important;
bottom:0;
filter:alpha(opacity=70);
height:0px;
opacity:.7;
overflow:hidden;
padding-bottom:1px;/* Fix added in v3.3.3 – was 5px */
position:absolute;
width:988px;
z-index:200;
}

#dfcg-text h3 {
color:#FFFFFF !important;
margin:2px 5px !important;
padding:0px 0px !important;
font-size:20px !important;
font-weight:bold !important;
}

#dfcg-text p {
color:#FFFFFF !important;
font-size: 11px !important;
line-height:14px !important;
margin:2px 5px !important;
padding:0px 0px !important;
}

#dfcg-text p a, #dfcg-text p a:link, #dfcg-text p a:visited {
color: #FFFFFF !important;
font-weight:normal !important;
}

#dfcg-text p a:hover {
color: #FFFFFF !important;
font-weight:bold !important;
}

#dfcg-image img {
position:absolute;
z-index:25;
width:auto;
/*height:px;/* Added AAW – not sure */
}

.dfcg-imgnav {
position:absolute;
width:25%;
height:300px;
cursor:pointer;
z-index:150;
}

#dfcg-imgprev {
left:0;
background:url(http://localhost:8888/wordpress/wp-content/plugins…..leche1.png) left center no-repeat;
}

#dfcg-imgnext {
right:0;
background:url(http://localhost:8888/wordpress/wp-content/plugins…..leche2.png) right center no-repeat;
}

#dfcg-imglink {
position:absolute;
width:100%;
z-index:100;
opacity:.01;/* changed v3.3.3 */
filter:alpha(opacity=1);/* changed v3.3.3 */
background:#fff;/* added v3.3.3 */
}

.linkhover {
background:url(images/link.gif) center center no-repeat;
}

#dfcg-thumbnails {
position: absolute;
top: -110px;
left: 0;
z-index: 999;
height: 130px;
}

#slideleft {
float:left;
width:20px;
height:81px;
background:url(images/scroll-left.gif) center center no-repeat;
background-color:#222;
}

#slideleft:hover {
background-color:#333;
}

#slideright {float:right;
width:20px;
height:81px;
background:#222 url(images/scroll-right.gif) center center no-repeat;
}

#slideright:hover {
background-color:#333;
}

#dfcg-slidearea {
float:left;
position:relative;
width:988px;
height:81px;
overflow:hidden;
padding-top: 6px;
}

#dfcg-slider {
position:absolute;
left:0;
height:81px;
}

#dfcg-slider img {
cursor:pointer;
border:1px solid #fff;
padding:0px;
height: 75px;
}

#dfcg-thumbnails .dfcg-carouselBtn {
position: absolute;
bottom: -3px;
right: 20px;
display: block;
color: #fff;
cursor: pointer;
font-size: 13px;
padding: 0px 8px 3px;
}

.dfcg-carouselBtn, .dfcg-sliderContainer {
background: #000;
opacity: 0.9;
filter: alpha(opacity=90);
}

#dfcg-thumbnails .dfcg-sliderContainer {
height: 110px;
position: relative;
width: 988px;
padding: 0 5px;
}

#dfcg-sliderInfo {
color: #fff;
bottom: 5px;
position: absolute;
padding-left: 5px;
}
</style>
<!– End of Dynamic Content Gallery plugin scripts –>
<script type="text/javascript">
jQuery.noConflict();
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = jQuery(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
jQuery(document).ready(function() {
equalHeight(jQuery(".main-aside"));
});
</script>

<div id="blog-title"><span><a href="http://localhost:8888/wordpress/" title="Christ the Redeemer" rel="home">Christ the Redeemer</a></span></div>

<h1 id="blog-description">A growing community of faith.</h1>

</div><!– #branding –>

<div class="skip-link"><a href="#content" title="Skip navigation to the content">Skip to content</a></div><!– .skip-link –>

<div class="menu"><ul id="menu-christ-the-redeemer" class="sf-menu"><li id="menu-item-716" class="menu-item menu-item-type-post_type current-menu-item page_item page-item-4 current_page_item menu-item-716"><a href="http://localhost:8888/wordpress/">Home</a></li>
<li id="menu-item-715" class="menu-item menu-item-type-post_type menu-item-715"><a href="http://localhost:8888/wordpress/about-2/">About</a>
<ul class="sub-menu">
<li id="menu-item-727" class="menu-item menu-item-type-post_type menu-item-727"><a title="Find out more about Christ Church" href="http://localhost:8888/wordpress/heritage/">Heritage</a></li>
<li id="menu-item-729" class="menu-item menu-item-type-post_type menu-item-729"><a href="http://localhost:8888/wordpress/contact/">Contact</a></li>
</ul>
</li>

<li id="menu-item-719" class="menu-item menu-item-type-post_type menu-item-719"><a href="http://localhost:8888/wordpress/christmas/">Christmas at CTR</a></li>
<li id="menu-item-731" class="menu-item menu-item-type-taxonomy menu-item-731"><a href="http://localhost:8888/wordpress/category/events/">Parish Calendar</a></li>
<li id="menu-item-730" class="menu-item menu-item-type-taxonomy menu-item-730"><a href="http://localhost:8888/wordpress/category/parish-news/">Parish News</a></li>
<li id="menu-item-726" class="menu-item menu-item-type-post_type menu-item-726"><a href="http://localhost:8888/wordpress/parish-life/">Parish Life</a>
<ul class="sub-menu">
<li id="menu-item-725" class="menu-item menu-item-type-post_type menu-item-725"><a href="http://localhost:8888/wordpress/test/">The Redeemer Review</a></li>
<li id="menu-item-718" class="menu-item menu-item-type-post_type menu-item-718"><a href="http://localhost:8888/wordpress/celebrate-stewardship/">Celebrate Stewardship</a></li>
<li id="menu-item-717" class="menu-item menu-item-type-post_type menu-item-717"><a href="http://localhost:8888/wordpress/baptism-confirmation/">Baptism & Confirmation</a></li>

<li id="menu-item-724" class="menu-item menu-item-type-post_type menu-item-724"><a href="http://localhost:8888/wordpress/links/">Links</a></li>
</ul>
</li>
<li id="menu-item-720" class="menu-item menu-item-type-post_type menu-item-720"><a href="http://localhost:8888/wordpress/messy-church/">Messy Church</a></li>
<li id="menu-item-723" class="menu-item menu-item-type-post_type menu-item-723"><a href="http://localhost:8888/wordpress/homilies/">Homilies</a></li>
<li id="menu-item-728" class="menu-item menu-item-type-post_type menu-item-728"><a href="http://localhost:8888/wordpress/weddings/">Weddings</a></li>
</ul></div>
</div><!– #access –>

</div><!– #header–>
<div id="dfcg-wrapper">

<div id="dfcg-outer-wrapper"><!– Start of Dynamic Content Gallery –>
<ul id="dfcg-slideshow" style="display:none">
<li><!– DCG Image #1 –>
<h3>About</h3>
<img class="full dfcg-metabox" src="http://localhost:8888/wordpress/wp-content/uploads/2010/12/ctrfeature.jpg" alt="About" />
<!– DCG Info Message 20: Metabox image selected. Metabox image found. –>
<p>Welcome to Christ the Redeemer Anglican Church!
Our church is situated in Surrey Centre, a quiet enclave in Cloverdale which was the historic heart of Surrey over a century ago. We are now a bit of a green haven in a fast-growing neighbourhood … <a href="http://localhost:8888/wordpress/about-2/" rel="nofollow">[more]</a></p>
<a href="http://localhost:8888/wordpress/about-2/" title="Read More" rel="bookmark">

<img class="dfcg-postthumb-notset thumbnail" src="http://localhost:8888/wordpress/wp-content/uploads/2010/12/ctrfeature.jpg" alt="About" />
</a>
</li>
<li><!– DCG Image #2 –>
<h3>Messy Church</h3>
<img class="full dfcg-metabox" src="http://localhost:8888/wordpress/wp-content/uploads/2010/12/messychurchbanner.jpg" alt="Messy Church" />
<!– DCG Info Message 20: Metabox image selected. Metabox image found. –>
<p>What is Messy Church?
Are Sunday mornings a drag? Why not join us for “messy church”? It is an occasion for some quality time with your kids where you can have some fun doing some crafts (that is the messy part!) and activities. Then join us… <a href="http://localhost:8888/wordpress/messy-church/" rel="nofollow">[more]</a></p>

<a href="http://localhost:8888/wordpress/messy-church/" title="Read More" rel="bookmark">
<img class="dfcg-postthumb-notset thumbnail" src="http://localhost:8888/wordpress/wp-content/uploads/2010/12/messychurchbanner.jpg" alt="Messy Church" />
</a>
</li>
<li><!– DCG Image #3 –>
<h3>Christmas at CTR</h3>
<img class="full dfcg-metabox" src="http://localhost:8888/wordpress/wp-content/uploads/2010/12/adventbanner.egg_e04a7.jpg" alt="Christmas at CTR" />
<!– DCG Info Message 20: Metabox image selected. Metabox image found. –>
<p>Messy Church – Christmas Edition
Saturday, December 4th, 4:30 – 6:30 pm in Christ the Redeemer

Join us for an Advent Adventure! We will be having a free family dinner and Advent Wreath craft (made with real pine and cedar boughs!). For more information… <a href="http://localhost:8888/wordpress/christmas/" rel="nofollow">[more]</a></p>

<div id="dfcg-slider"></div>
</div>
<div id="dfcg-sliderInfo"></div>
</div><!– End #dfcg-sliderContainer –>
<a id="dfcg-openGallery" class="dfcg-carouselBtn" title="Pictures">View All Features</a>
</div><!– End #dfcg-thumbnails –>
</div><!– end #dfcg-fullsize –>
</div><!– end #dfcg-wrapper –>

</div><!– end #dfcg-outer-wrapper –>

</div>
<div id="leader">
<div id="leader-container">

<div id="first-leader" class="aside sub-aside">
<ul class="xoxo">
<li id="recent-posts-2" class="widgetcontainer widget_recent_entries"> <h3 class="widgettitle">Recent Posts</h3>
<ul>

<li><a href="http://localhost:8888/wordpress/2010/12/09/the-redeemer-review-winter-2010/" title="The Redeemer Review – Winter 2010">The Redeemer Review – Winter 2010</a></li>
<li><a href="http://localhost:8888/wordpress/2010/12/06/boxing-day-carol-service-dec-26th/" title="Boxing Day Carol Service – Dec 26th">Boxing Day Carol Service – Dec 26th</a></li>
<li><a href="http://localhost:8888/wordpress/2010/12/06/christmas-day-service-dec-25th/" title="Christmas Day Service – Dec 25th">Christmas Day Service – Dec 25th</a></li>
<li><a href="http://localhost:8888/wordpress/2010/12/06/midnight-mass-dec-24th/" title="Midnight Mass – Dec 24th">Midnight Mass – Dec 24th</a></li>

<li><a href="http://localhost:8888/wordpress/2010/12/06/family-christmas-eve-service-dec-24th/" title="Family Christmas Eve Service – Dec 24th">Family Christmas Eve Service – Dec 24th</a></li>
</ul>
</li></ul>
</div><!– #first-leader .aside –>

<div id="second-leader" class="aside sub-aside">
<ul class="xoxo">
<li id="events-list-widget-2" class="widgetcontainer eventsListWidget"><h3 class="widgettitle">Upcoming Events</h3>
<ul class="upcoming">
<li class="">

<div class="when">
December 24, 2010 </div>
<div class="event">
<a href="http://localhost:8888/wordpress/2010/12/06/family-christmas-eve-service-dec-24th/">Family Christmas Eve Service – Dec 24th</a>
</div>
<div class="loc"> </div>
<a class="more-link" href="http://localhost:8888/wordpress/2010/12/06/family-christmas-eve-service-dec-24th/">More Info</a>

</li>

<li class="alt">
<div class="when">
December 24, 2010 </div>
<div class="event">
<a href="http://localhost:8888/wordpress/2010/12/06/midnight-mass-dec-24th/">Midnight Mass – Dec 24th</a>
</div>
<div class="loc"> </div>

<li class="">
<div class="when">
December 25, 2010 </div>
<div class="event">
<a href="http://localhost:8888/wordpress/2010/12/06/christmas-day-service-dec-25th/">Christmas Day Service – Dec 25th</a>
</div>

<li class="alt">
<div class="when">
December 26, 2010 </div>
<div class="event">
<a href="http://localhost:8888/wordpress/2010/12/06/boxing-day-carol-service-dec-26th/">Boxing Day Carol Service – Dec 26th</a>

</div>
<div class="loc"> </div>
<a class="more-link" href="http://localhost:8888/wordpress/2010/12/06/boxing-day-carol-service-dec-26th/">More Info</a>
</li>
</ul><div class="dig-in"><a href="http://localhost:8888/wordpress/category/events/month">View All Events</a></div></li></ul>
</div><!– #second-leader .aside –>

<div id="third-leader" class="aside sub-aside">
<ul class="xoxo">
<li id="sermon-2" class="widgetcontainer sermon"><h3 class="widgettitle">Recent Sermons</h3>

<ul class="sermon-widget"><li><span class="sermon-title"><a href=http://localhost:8888/wordpress/homilies/?sermon_id=1>This is the test name of a Sermon</a></span> <span class="sermon-date"> on December 8, 2010</span>.</li></ul></li></ul>
</div><!– #third-leader .aside –>

</div><!– #leader-container –>
</div><!– #leader –>

</div><!– #content –>

</div><!– #container –>

</div><!– #main –>

<div id="first" class="aside sub-aside">
<ul class="xoxo">
<li id="text-6" class="widgetcontainer widget_text"><h3 class="widgettitle">Contact Us</h3>
<div class="textwidget"><p>Christ the Redeemer Anglican Parish<br />

16613 Bell Road<br />
Surrey, BC</p>
<p><i>tel.</i>(604) 576-2216<br />
<i>e-mail.</i>admin@ctrchurch.com</p>
</div>
</li><li id="text-9" class="widgetcontainer widget_text"><h3 class="widgettitle">Where to Find Us</h3>
<div class="textwidget"><iframe width="300" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=christ+the+redeemer+anglican+church+cloverdale&sll=37.0625,-95.677068&sspn=33.435463,79.013672&ie=UTF8&hq=christ+the+redeemer+anglican+church+cloverdale&hnear=&cid=4969901495591358485&ll=49.107759,-122.761488&spn=0.011238,0.025663&z=14&output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=christ+the+redeemer+anglican+church+cloverdale&sll=37.0625,-95.677068&sspn=33.435463,79.013672&ie=UTF8&hq=christ+the+redeemer+anglican+church+cloverdale&hnear=&cid=4969901495591358485&ll=49.107759,-122.761488&spn=0.011238,0.025663&z=14" style="color:#0000FF;text-align:left">View Larger Map</a></small></div>

</li>
</ul>
</div><!– #first .aside –>

<div id="second" class="aside sub-aside">
<ul class="xoxo">
<li id="nav_menu-3" class="widgetcontainer widget_nav_menu"><div class="menu-christ-the-redeemer-container"><ul id="menu-christ-the-redeemer-1" class="menu"><li class="menu-item menu-item-type-post_type current-menu-item page_item page-item-4 current_page_item menu-item-716"><a href="http://localhost:8888/wordpress/">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-715"><a href="http://localhost:8888/wordpress/about-2/">About</a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-727"><a title="Find out more about Christ Church" href="http://localhost:8888/wordpress/heritage/">Heritage</a></li>

<li class="menu-item menu-item-type-post_type menu-item-729"><a href="http://localhost:8888/wordpress/contact/">Contact</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-719"><a href="http://localhost:8888/wordpress/christmas/">Christmas at CTR</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-731"><a href="http://localhost:8888/wordpress/category/events/">Parish Calendar</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-730"><a href="http://localhost:8888/wordpress/category/parish-news/">Parish News</a></li>
<li class="menu-item menu-item-type-post_type menu-item-726"><a href="http://localhost:8888/wordpress/parish-life/">Parish Life</a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-725"><a href="http://localhost:8888/wordpress/test/">The Redeemer Review</a></li>

<li class="menu-item menu-item-type-post_type menu-item-718"><a href="http://localhost:8888/wordpress/celebrate-stewardship/">Celebrate Stewardship</a></li>
<li class="menu-item menu-item-type-post_type menu-item-717"><a href="http://localhost:8888/wordpress/baptism-confirmation/">Baptism & Confirmation</a></li>
<li class="menu-item menu-item-type-post_type menu-item-724"><a href="http://localhost:8888/wordpress/links/">Links</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-720"><a href="http://localhost:8888/wordpress/messy-church/">Messy Church</a></li>
<li class="menu-item menu-item-type-post_type menu-item-723"><a href="http://localhost:8888/wordpress/homilies/">Homilies</a></li>

<li class="menu-item menu-item-type-post_type menu-item-728"><a href="http://localhost:8888/wordpress/weddings/">Weddings</a></li>
</ul></div></li>
</ul>
</div><!– #second .aside –>

<div id="third" class="aside sub-aside">
<ul class="xoxo">
<li id="meta-2" class="widgetcontainer widget_meta"><h3 class="widgettitle">Meta</h3>
<ul>
<li><a href="http://localhost:8888/wordpress/wp-admin/">Site Admin</a></li> <li><a href="http://localhost:8888/wordpress/wp-login.php?action=logout&_wpnonce=f9b8a61d7f">Log out</a></li>

</ul>
</li>
</ul>
</div><!– #third .aside –>

</div><!– #subsidiary –>

Powered by <a class="wp-link" href="http://WordPress.org/" title="WordPress" rel="generator">WordPress</a>. Built on the <a class="theme-link" href="http://themeshaper.com/thematic/" title="Thematic Theme Framework" rel="designer">Thematic Theme Framework</a>.
</div><!– #siteinfo –>

</div><!– #footer –>

</div><!– #wrapper .hfeed –>

<!– Dynamic Content Gallery plugin version 3.3.5 http://www.studiograsshopper.ch Add jQuery smoothSlideshow scripts –>
<script type="text/javascript" src="http://localhost:8888/wordpress/wp-content/plugins/dynamic-content-gallery-plugin/js-jquery-smooth/scripts/dfcg-jq-script.min.js"></script>
<script type="text/javascript">
jQuery("#dfcg-slideshow").smoothSlideshow("#dfcg-wrapper", {
showArrows: true,
showCarousel: true,
showInfopane: true,
timed: true,
delay: 9000,
thumbScrollSpeed:4,
preloader: true,
preloaderImage: true,
preloaderErrorImage: true,
elementSelector: "li",
imgContainer:"#dfcg-image",
imgPrevBtn:"#dfcg-imgprev",
imgNextBtn:"#dfcg-imgnext",
imgLinkBtn:"#dfcg-imglink",
titleSelector: "h3",
subtitleSelector: "p",
linkSelector: "a",
imageSelector: "img.full",
thumbnailSelector: "a img",
carouselContainerSelector: "#dfcg-thumbnails",
thumbnailContainerSelector: "#dfcg-slider",
thumbnailInfoSelector: "#dfcg-sliderInfo",
carouselSlideDownSelector: "#dfcg-openGallery",
carouselSlideDownSpeed: 500,
infoContainerSelector:"#dfcg-text",
borderActive:"#fff",
slideInfoZoneOpacity: 0.7,
carouselOpacity: 0.3,
thumbSpacing: 5,
slideInfoZoneStatic: true
});
</script>
<!– End of Dynamic Content Gallery plugin scripts –>

</body>
</html>

All RSS

Forum Timezone: UTC 1

Most Users Ever Online: 28

Currently Online: theonsale, nloronacele
11 Guest(s)

Currently Browsing this Page:
1 Guest(s)