Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Fading header images


  #1  
Old Oct 24, 2009, 12:57 PM
mc38
 
2 posts · Oct 2009
[SOLVED] Fading header images

[Moderator note: I'm closing this thread - the explaination has been moved to 'HOWTO: create fading header images ' (http://forum.bytesforall.com/showthread.php?t=6921)]


Want to cross-fade (gentle fade in/out) the multiple header images instead of the harsh image rotation.
Has anyone done this? Alternatively could create a flash header myself, but then where would I place it? Thanks for any clues...

Last edited by juggledad; Apr 29, 2010 at 08:35 AM.
  #2  
Old Oct 24, 2009, 01:04 PM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
see http://forum.bytesforall.com/showthread.php?t=1197
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 25, 2009, 08:18 AM
mc38
 
2 posts · Oct 2009
thanks for that - nearly have it working but I do not know where / how to do this as suggested:
add css...
#sbsl6_1 {
width: 100%;
}

I tried adding it in the css inserts section of the theme options, but no effect. Here is the site so far...
www.danielcohan.com

you can see that the fading image is working fine, but site at the top of the page instead of where the original header is/was... I think this is the same problem you were having?
any help appeciated ...

Last edited by mc38; Oct 25, 2009 at 10:52 AM.
  #4  
Old Oct 25, 2009, 12:23 PM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
if you look in the generated code you have
HTML Code:
//<![CDATA[
var sbsl1_1 = {
	params : {
		wmode : "opaque"},
	flashvars : {
so you want to use sbsl1_1
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Dec 10, 2009, 12:19 PM
Siberiantiger
 
4 posts · Dec 2009
So exactly in what file and where in this file should i place what code to get a smooth transition with the header images? (Without using NextGen gallery)

Is anyone familiar to the library code jQuery and the extension InnerFade (jQuery InnerFade) If so, would it be possible to create a new script for the imageheader so that the pictures shown are faded. (I am not a programmer my self, but got a tip from a friend that is)

I love this clean and neutral yet nice and powerful theme for Wordpress and would appreciate faded images in the header. I would donate if i knew this will be in the very near future version of this theme, or as an "hack/tweak"

Last edited by Siberiantiger; Dec 10, 2009 at 01:26 PM. Reason: Adding some information useful to create a new script
  #6  
Old Dec 11, 2009, 06:17 PM
johanl
 
1 posts · Dec 2009
Hello!
I just implemented a jquery solution.

You can download a few lines of code from http://jlkonsultab.se/files/smoothfading.txt

Paste the block of code into .../atahualpa/js.php (see file above for details).
Don't forget to comment out the original "window.onload ..." line

Disclaimer: I'm no jQuery expert so there may be better ways to implement it... anyway it works in Firefox!

best regards Johan
  #7  
Old Feb 4, 2010, 12:27 PM
PortMaria.62's Avatar
PortMaria.62
 
19 posts · Dec 2009
wyoming
fading header images....this is probably a question that will have the pros rolling their eyes. Want to insert the code but where is
window.onload = RotateHeaderImages;
// Smooth fading code starts here
  #8  
Old Feb 4, 2010, 01:27 PM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
well the 'window.onload = RotateHeaderImages;' is in js.php
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Feb 4, 2010, 03:16 PM
nwheal
 
7 posts · Feb 2010
Quote:
Originally Posted by juggledad
well the 'window.onload = RotateHeaderImages;' is in js.php
Juggledad

Managed to get all that bit working fine and it looks great, however I am struggling to integrate the rounded corners now that I have that running it seems the new fading image is sitting above the old image container that has the rounded corners.

Any ideas?

Regards

Nigel
  #10  
Old Feb 4, 2010, 05:57 PM
PortMaria.62's Avatar
PortMaria.62
 
19 posts · Dec 2009
wyoming
well, I edited the js.php file but no fading images. Looks just the same. What did I leave out? and I just donated,and will again when this is solved. thanks
  #11  
Old Feb 5, 2010, 04:09 AM
Mark_
 
29 posts · Feb 2010
Did you delete or comment out line 61 [window.onload = RotateHeaderImages;] from the js.php?

Bookmarks

Tags
header images fade fading

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Almost done - flash vs. images in header mcphoto Header configuration & styling 13 May 12, 2009 04:20 PM
header images PJK Header configuration & styling 1 Apr 11, 2009 06:53 PM
Header images + tagline ?? Photokitchen Header configuration & styling 3 Apr 9, 2009 02:25 PM
Header Images not showing eneitzel Header configuration & styling 4 Feb 24, 2009 02:20 PM
no header images kcd_2008 Header configuration & styling 1 Feb 17, 2009 07:16 PM


All times are GMT -6. The time now is 02:26 AM.


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