10fathoms
Member
Posted 1 year ago #
Hello, I am having real problems trying to integrate any gallery slider into my theme. I have installed Anythingslider and implemented it in the prescribed way, and yet it displays like everything else I have tried, basically as a list of images: http://www.10fathoms.co.uk/wpgpm/ when I check with other galleries I have installed using firebug, the stylesheet styles were not even present but I know my stylesheets are linked in the right way. I think stylesheets are at the heart of this problem but I don't know why. If anybody could help it would be appreciated. Thanks, Paul
http://wordpress.org/extend/plugins/anythingslider-for-wordpress/
What does you shortcode look like? There are a bunch of JS errors.
-J
10fathoms
Member
Posted 1 year ago #
HI yep it's: [anything_slides width=314 height= delay= resume= animation= order=ASC orderby=menu_order theme=construction]
the top three (bulleted) images are from the AnythingSlider using that short code. The images underneath are from another gallery slider I was trying which is built into the template with JS and a stylesheet. This doesn't work either. :( Cheers
10fathoms
Member
Posted 1 year ago #
The gallery should look like this which was my site before I word pressed it: http://www.10fathoms.co.uk/gpm/ if I can get anything slider to do the same I will be exceedingly happy.
Try deleting the blank attributes from the shortcode.
Looks like a bug on my part.
[anything_slides width=314 order=ASC orderby=menu_order theme=construction]
10fathoms
Member
Posted 1 year ago #
That's great, works like a dream, thanks very much. Your medal is in the post :)
10fathoms
Member
Posted 1 year ago #
Just one other thing, on a styling related matter. Is there a way I can add padding to the inner part of the slider (i.e. the objects/images that actually move) If you add padding to this style it forces the whole slider to have padding. As I have a background image here now I just need the inner padding to have some padding.
div.anythingSlider-minimalist-round .anythingWindow {
border-top: 0px solid #333;
border-bottom: 0px solid #333;
padding: 0; /* changing this gives the whole slider padding */
background-image:url(../images/galleryBack.jpg);
}
You can compare what I am after between the two sites:
http://www.10fathoms.co.uk/gpm - is what i'm after
http://www.10fathoms.co.uk/wpgpm - is how it is now.
P.S. I am using theme-minimalist-round.css to restyle my slider.
Thanks again.
10fathoms
Member
Posted 1 year ago #
No worries, I solved it. I just put some margin values onto the images inside wordpress. It's a bit of a hack but it's done the job. Thanks for all the help dude. I will pop you over a donation for the plugin when i've finished the project. Cheers.
kanika
Member
Posted 2 months ago #
instead of a shorcode I want to be able to call the slider in the header using js. Is that a god idea? I want to do it for customization. And in the header what would be the best place/way to do it?in the <head>
Apologies if this sounds foolish.
kanika
Member
Posted 2 months ago #
Hello,
Waiting for your reply. Also, I want to be able to say this:
echo do_shortcode( "[anything_slides cat=header]" ); }
Instead of header it chooses a dynamic cat name. I tried concatenation, but does not work. If it is possible without shortcodes even better. Please suggest. A little urgent.
Thanks,
Kanika.
Hi Kanika,
I'm not actively developing this plugin at the moment. If you'd like to call the javascript manually, I'd recommend doing it at the end of your document instead of in the <head>. You may want to look doing a custom implementation, at that point.
Good luck!
-Jacob
kanika
Member
Posted 2 months ago #
Hi Jacob.
Thanks for the reply. That doesn't answer the question though. Maybe I should make myself more clear:
What if I want to show archives? The problem I am facing is the posts will come from the database somehow and I how do I integrate that in script? The second thing, can I keep the cat option dynamic in the following code:
echo do_shortcode( "[anything_slides cat=header]" ); }
The initial list is not statically placed and so I am referring to it by class as given:
<?php
/* We add some JavaScript to pages with the comment form
* to support sites with threaded comments (when in use).
*/
if ( is_singular() && get_option( 'thread_comments' ) )
wp_enqueue_script( 'comment-reply' );
/* Always have wp_head() just before the closing </head>
* tag of your theme, or you will break many plugins, which
* generally use this hook to add elements to <head> such
* as styles, scripts, and meta tags.
*/
wp_head();
?>
</head>
<script type="text/javascript">
$(document).ready(function() {
$(".anythingSlider").append('<li>');
$(".anythingSlider").append('<div id="wrapHeaderSlider"><div id="imageClass">Bye</div><div>Hello</div></div>');
$("wrapHeaderSlider").css('display':'visible');
$(".anythingSlider").append('</li>');
.anythingSlider();
});
</script>
<body class="homeblog">
<div id="wrapper" class="hfeed">
<div id="header">
<div id="masthead">
<div>
<div id="site-description"><?php bloginfo( 'description' ); ?></div>
<div id="branding" role="banner">
//////===========rest of the header code============
kanika
Member
Posted 2 months ago #
Hi,
My job is done. I switched the desired content to slide type using this plugin which is very helpful:
http://wordpress.org/extend/plugins/post-type-switcher/installation/
But the question is unanswered, so I am leaving it open to further discussion.
Thanks,
Kanika.
