2011-08-09, 09:43:57
(This post was last modified: 2011-08-09, 09:49:49 by jennidikosta01.)
Hi :-)
i'm using this theme and i have a problem.
at the first i tought that problem was by a plugin, but maybe problem is by theme+plugin!
i use "getSimple 3.0" + "InsAcademy" theme
http://get-simple.info/extend/theme/insacademy/92/
ans i use also "The Photo Gallery" plugin
http://get-simple.info/extend/plugin/the...llery/151/
...but doesn't work!
in fact i choose folder for gallery.
i put code (% the_photo_gallery %) in a page.
i can see also images.
but if i click on an image in the page, "The Photo Gallery" doens't open image in black splash-screen, but simply open in a new white page (similar to a simple link with "target_blank" in html code)
---
i try to find info about my problem and maybe the problem is in "InsAcademy" theme
http://get-simple.info/extend/theme/insacademy/92/
+
"The Photo Gallery" plugin
http://get-simple.info/extend/plugin/the...llery/151/
!!!
because so there are:
- 2 "(document).ready" in the same page
- 2 "jquery" in the same page
- 2 "$ jQuery" in the same page
...
in fact in the same page there is not only "Photo Gallery" (made by plugin) but also a slide and a scroller (made by theme)
----
this is code of ALL page:
----
<head>
[...etcetera...]
<!-- The Photo Gallery [start] -->
<script type="text/javascript" src="http://www.mywebsite.com/admin/template/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.mywebsite.com/admin/template/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.mywebsite.com/admin/template/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script>
jQuery(document).ready(function() {
if(jQuery().fancybox) {
$("a[rel*=tpgallery]").fancybox();
}
});
</script>
<style>
#the_photo_gallery h3 {margin:0 0 20px 0;}
#the_photo_gallery, #the_photo_gallery_albums {margin:0 0 10px 0;}
#the_photo_gallery_breadcrumbs {font-size:11px;margin:0 0 20px 0;padding:5px 10px;border:1px solid #ccc;background:#f6f6f6;}
#the_photo_gallery a.thumbnail img {padding:3px;margin:0 10px 10px 0;}
#the_photo_gallery_albums a.thumbnail img {float:left;margin-right:15px;max-height:80px;}
#the_photo_gallery_albums p {margin:0;line-height:18px;font-size:12px;}
#the_photo_gallery_albums p strong.tpg_title {line-height:25px;font-size:14px;}
#the_photo_gallery em {font-style:italic;color:#666;}
#the_photo_gallery a.thumbnail:link img, #the_photo_gallery a.thumbnail:visited img {border:1px solid #ccc;}
#the_photo_gallery a.thumbnail:hover img, #the_photo_gallery a.thumbnail:focus img {border:1px solid #999;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
</style>
<!-- The Photo Gallery [end] -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<style type="text/css">#shareline{margin: 0 auto; height: 30px; overflow: hidden; margin-top: 4px;}</style>
<meta name="robots" content="index, follow" />
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="http://www.mywebsite.com/theme/insAcademy/style.css" media="all" />
<!-- JS -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.mywebsite.com/theme/insAcademy/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider').cycle({
fx: 'scrollDown',
timeout: 6000
});
$('#scroll').cycle({
fx: 'scrollHorz',
timeout: 2000,
next: '#btn_next',
prev: '#btn_prev'
});
});
</script></head>
<body id="photogallery" >
<!-- Header -->
<div class="container_12">
<div class="header">
<div class="grid_6">
<h1><a href="http://www.mywebsite.com/"> HOME</a></h1>
</div>
</div></div>
<div id="slider">
<div class="slide">
<img src="http://www.mywebsite.com/theme/insAcademy/img/slide1.jpg" alt="" />
</div>
<div class="slide">
<img src="http://www.mywebsite.com/theme/insAcademy/img/slide2.jpg" alt="" />
</div>
</div>
<div id="maincontent" class="container_12">?<div class="grid_3">
</div>
</div>?<div class="grid_9">
<div class="center-block">
<h2>Photo Gallery</h2>
<p>
Photo Gallery</p>
<p>
</p>
<p>
<div id="the_photo_gallery"><h3></h3><div id="the_photo_gallery_photos" class="clearfix" ><a href="http://www.mywebsite.com/data/uploads/photogallery/dsc033.jpg" class="thumbnail" rel="tpgallery" ><img src="http://www.mywebsite.com/plugins/thephotogallery/timthumb.php?src=http://www.mywebsite.com/data/uploads/photogallery/dsc033.jpg&w=100&h=100" alt="" /></a><a href="http://www.mywebsite.com/data/uploads/photogallery/dsc016.jpg" class="thumbnail" rel="tpgallery" ><img src="http://www.mywebsite.com/plugins/thephotogallery/timthumb.php?src=http://www.mywebsite.com/data/uploads/photogallery/dsc016.jpg&w=100&h=100" alt="" /></a></div></div></p>
<!-- Social Share Plugin by www.nokes.de - START - Get Simple Version3.0 --><div id="shareline"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.mywebsite.com/photogallery/&send=false&layout=button_count&width=105&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe><g:plusone size="medium"></g:plusone></div><!-- END - Social Share Plugin by www.nokes.de -->
</div>
<div class="bottom-scroll">
<div id="scroll">
?<div>
<img src="http://www.mywebsite.com/files-upload/folder10/0000.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0001.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0002.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0003.jpg" alt="" />
</div>
<div>
<img src="http://www.mywebsite.com/files-upload/folder10/0004.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0005.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0006.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0007.jpg" alt="" />
</div>
<a href="#" id="btn_prev"></a>
<a href="#" id="btn_next"></a>
</div>
[...etcetera...]
</body>
</html>
---
please, i hope you can help me :-)
i'm using this theme and i have a problem.
at the first i tought that problem was by a plugin, but maybe problem is by theme+plugin!
i use "getSimple 3.0" + "InsAcademy" theme
http://get-simple.info/extend/theme/insacademy/92/
ans i use also "The Photo Gallery" plugin
http://get-simple.info/extend/plugin/the...llery/151/
...but doesn't work!
in fact i choose folder for gallery.
i put code (% the_photo_gallery %) in a page.
i can see also images.
but if i click on an image in the page, "The Photo Gallery" doens't open image in black splash-screen, but simply open in a new white page (similar to a simple link with "target_blank" in html code)
---
i try to find info about my problem and maybe the problem is in "InsAcademy" theme
http://get-simple.info/extend/theme/insacademy/92/
+
"The Photo Gallery" plugin
http://get-simple.info/extend/plugin/the...llery/151/
!!!
because so there are:
- 2 "(document).ready" in the same page
- 2 "jquery" in the same page
- 2 "$ jQuery" in the same page
...
in fact in the same page there is not only "Photo Gallery" (made by plugin) but also a slide and a scroller (made by theme)
----
this is code of ALL page:
----
<head>
[...etcetera...]
<!-- The Photo Gallery [start] -->
<script type="text/javascript" src="http://www.mywebsite.com/admin/template/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.mywebsite.com/admin/template/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.mywebsite.com/admin/template/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script>
jQuery(document).ready(function() {
if(jQuery().fancybox) {
$("a[rel*=tpgallery]").fancybox();
}
});
</script>
<style>
#the_photo_gallery h3 {margin:0 0 20px 0;}
#the_photo_gallery, #the_photo_gallery_albums {margin:0 0 10px 0;}
#the_photo_gallery_breadcrumbs {font-size:11px;margin:0 0 20px 0;padding:5px 10px;border:1px solid #ccc;background:#f6f6f6;}
#the_photo_gallery a.thumbnail img {padding:3px;margin:0 10px 10px 0;}
#the_photo_gallery_albums a.thumbnail img {float:left;margin-right:15px;max-height:80px;}
#the_photo_gallery_albums p {margin:0;line-height:18px;font-size:12px;}
#the_photo_gallery_albums p strong.tpg_title {line-height:25px;font-size:14px;}
#the_photo_gallery em {font-style:italic;color:#666;}
#the_photo_gallery a.thumbnail:link img, #the_photo_gallery a.thumbnail:visited img {border:1px solid #ccc;}
#the_photo_gallery a.thumbnail:hover img, #the_photo_gallery a.thumbnail:focus img {border:1px solid #999;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
</style>
<!-- The Photo Gallery [end] -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<style type="text/css">#shareline{margin: 0 auto; height: 30px; overflow: hidden; margin-top: 4px;}</style>
<meta name="robots" content="index, follow" />
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="http://www.mywebsite.com/theme/insAcademy/style.css" media="all" />
<!-- JS -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.mywebsite.com/theme/insAcademy/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider').cycle({
fx: 'scrollDown',
timeout: 6000
});
$('#scroll').cycle({
fx: 'scrollHorz',
timeout: 2000,
next: '#btn_next',
prev: '#btn_prev'
});
});
</script></head>
<body id="photogallery" >
<!-- Header -->
<div class="container_12">
<div class="header">
<div class="grid_6">
<h1><a href="http://www.mywebsite.com/"> HOME</a></h1>
</div>
</div></div>
<div id="slider">
<div class="slide">
<img src="http://www.mywebsite.com/theme/insAcademy/img/slide1.jpg" alt="" />
</div>
<div class="slide">
<img src="http://www.mywebsite.com/theme/insAcademy/img/slide2.jpg" alt="" />
</div>
</div>
<div id="maincontent" class="container_12">?<div class="grid_3">
</div>
</div>?<div class="grid_9">
<div class="center-block">
<h2>Photo Gallery</h2>
<p>
Photo Gallery</p>
<p>
</p>
<p>
<div id="the_photo_gallery"><h3></h3><div id="the_photo_gallery_photos" class="clearfix" ><a href="http://www.mywebsite.com/data/uploads/photogallery/dsc033.jpg" class="thumbnail" rel="tpgallery" ><img src="http://www.mywebsite.com/plugins/thephotogallery/timthumb.php?src=http://www.mywebsite.com/data/uploads/photogallery/dsc033.jpg&w=100&h=100" alt="" /></a><a href="http://www.mywebsite.com/data/uploads/photogallery/dsc016.jpg" class="thumbnail" rel="tpgallery" ><img src="http://www.mywebsite.com/plugins/thephotogallery/timthumb.php?src=http://www.mywebsite.com/data/uploads/photogallery/dsc016.jpg&w=100&h=100" alt="" /></a></div></div></p>
<!-- Social Share Plugin by www.nokes.de - START - Get Simple Version3.0 --><div id="shareline"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.mywebsite.com/photogallery/&send=false&layout=button_count&width=105&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe><g:plusone size="medium"></g:plusone></div><!-- END - Social Share Plugin by www.nokes.de -->
</div>
<div class="bottom-scroll">
<div id="scroll">
?<div>
<img src="http://www.mywebsite.com/files-upload/folder10/0000.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0001.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0002.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0003.jpg" alt="" />
</div>
<div>
<img src="http://www.mywebsite.com/files-upload/folder10/0004.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0005.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0006.jpg" alt="" />
<img src="http://www.mywebsite.com/files-upload/folder10/0007.jpg" alt="" />
</div>
<a href="#" id="btn_prev"></a>
<a href="#" id="btn_next"></a>
</div>
[...etcetera...]
</body>
</html>
---
please, i hope you can help me :-)