Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Plugins & Atahualpa »

Easing Slider Issues in Header


  #1  
Old Jan 24, 2011, 05:00 PM
theadventurebite
 
136 posts · May 2010
This is specific to Atahualpa and specific to being placed in the header.

When plugin is activated and run in IE8 as a header half the image is missing like it is aligned right instead of centered.

I have the following cal in HTML Inserts Header:
<?php if (function_exists('easing_slider')){ easing_slider(); }; ?>

CSS set to External

Ideas??
  #2  
Old Jan 24, 2011, 05:00 PM
theadventurebite
 
136 posts · May 2010
Site is:

http://live-life-local.com/

Thanks!
  #3  
Old Jan 24, 2011, 07:22 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Try putting that code in ATO>Style & edit Header Area in the same spot where %image would go?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old Jan 25, 2011, 07:35 AM
theadventurebite
 
136 posts · May 2010
It does place it there.....but doesn't resolve the image issue
  #5  
Old Jan 25, 2011, 09:57 AM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
Did you set the slider's width and height to match the size of the images?
  #6  
Old Jan 25, 2011, 01:32 PM
theadventurebite
 
136 posts · May 2010
Woops posted the resolution in the wrong thread



Couldn't figure out what was wrong with it....seems like a CSS issue but I couldn't find it.

I ended up placing a header widget area using the following code:
<?php bfa_widget_area('name=My widget area&cells=1&align=1&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>

in the configure header area.

And installing the linkable title html and php widget plugin.

I then placed this plugin into the header widget area and placed the:

<?php if (function_exists('easing_slider')){ easing_slider(); }; ?>

in this widget.

And it works!

Yay!
  #7  
Old Jan 25, 2011, 01:48 PM
theadventurebite
 
136 posts · May 2010
It appears though that when you place

<center> php </center>

around the code in the widget in order to center the plugin it causes the pictures to hang off the right hand side....it's like the left hand edge of the photo gets pulled to the center.

I solved this by making the width of the header 1000px and the width of the website 1000px fixed width which causes it to center over the page.

I would assume that you could also modify your widget areas to not span over all four cells to modify its location as well....or try other centering commands that may have a different effect.
  #8  
Old Jan 25, 2011, 01:50 PM
theadventurebite
 
136 posts · May 2010
Also noticed that using images from a temporary url for a site not live yet renders them larger on IE8 zoomed up in size. Replacing with images from a currently running site resolves this issue.
  #9  
Old Jan 25, 2011, 02:25 PM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
I like this plugin, but as with any slider, I wish I could stop the looping after all the images have "played" once or twice. Surely there is a way to do that, even though there is no setting for it in the plugin's options. I also emailed the developer, but he said "it's impossible." I'll bet he means "I don't want to code it that way for you."

Any thoughts, anyone?
  #10  
Old Jan 25, 2011, 04:18 PM
theadventurebite
 
136 posts · May 2010
Found this on a forum for Mootools doing that very thing.....maybe someone with more experience could jump in and modify this to work in this instance:



Ok what you want to do is:
Define the noob slide, with autoplay set to false.
var nS7 = new noobSlide({ ...

Then add a periodical call that increments and changes the slide like
so:
//define the max no. of slides
var maxslides = 8;

// the periodical function
var perfunc;

// the counter
var i = 0;
var doWalk = function(){
//if we exceed, then stop
if (i>maxslides){
$clear(perfunc)
} else {
//else increment and slide
i++;
nS7.walk(i)
}
}

//this will make it run every 1 second, change to interval you like.
perfunc = dowalk.periodical(1000)

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Smooth Slider slideshow interferes with header image rotation in 3.5.1 cfibanez Header configuration & styling 5 Feb 3, 2011 03:08 PM
[SOLVED] Easing Slider/Internet Explorer 7 bswb97 Plugins & Atahualpa 1 Dec 14, 2010 04:30 PM
[SOLVED] Header Widget with Slider - help with coding Zoe1416 Header configuration & styling 3 Dec 6, 2010 10:57 AM
Added a Jquery slider and header no longer rotates Elms123 Header configuration & styling 2 Jul 30, 2010 07:35 AM
HTML/CSS inserts in Atahualpa 3.4.1 (for custom header image slider) csb Header configuration & styling 3 Nov 16, 2009 07:02 PM


All times are GMT -6. The time now is 09:42 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.