|
|||||||||
|
|||||||||
| |||||||||
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| ||||||||||||||||||||||||||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
|
|
#16
October 29th, 2009, 04:35 PM
|
|||
|
|||
|
re
ok i have put that in, i put the css for the images as
Code:
/* background pics */
#ryan_1 {
position: absolute;
margin-left: 0;
}
#ryan_2 {
position: absolute;
margin-left: 100%;
}
#ryan_3 {
position: absolute;
margin-left: 100%;
}
i put margin-left 100% because that is how i have sized the div the images are in.. i also left this in the a:link Code:
<li><a class="trigger" rel="#header-6" onclick="return toggle_div('home-video');" href="#">Home</a></li>
I also changed one of the lefts in the js to right when it loads i see the first image and when i click any link i can see the 3 images scroll across the screen but they dont stop and it goes to a white bg. i presume i have to ad something to my onclick here so for each click it knows what id to show? you can see whats happening at ryanspeaks.designpilotdemosDOTcom
|
|
#17
October 29th, 2009, 05:59 PM
|
|||
|
|||
|
yeah sorry perkins, the function takes two attributes... so you would put return toggle_div('home-video', 'ryan_1')
i think.. if thats the id of the div
__________________
working on goggle wave... it's like google wave but there's lots more beer involved
|
|
#18
October 30th, 2009, 11:15 AM
|
|||
|
|||
|
hey hayden still having some trouble
Code:
<div id="main-nav">
<ul id="nav-higher" class="nav">
<!-- HOME -->
<li><a class="trigger" rel="#header-6" onclick="return toggle_div('home-video', 'ryan_1');" href="#">Home</a></li>
<li><div id="home-video" class="hidden-divs"></div></li>
<!-- MEET RYAN -->
<li><a class="trigger" rel="#header-5" onclick="return toggle_div('meet-ryan', 'ryan_2'); " href="#">Meet Ryan</a></li>
<li><div id="meet-ryan" class="hidden-divs">
<p><strong>Ryan Porter</strong> has always believed that human potential is unlimited and that each individual possesses the power to create the life they want to live.<br /><br /></p>
<p>He is the creator of the Make Your Own Lunch™ program, which has been developed to empower students with the 'ingredients' needed to create their individual success.<br /><br /></p>
<p>Ryan is a full-time ambassador of the Make Your Own Lunch™ philosophy. His dedication to inspiring others is evident in his work. He is a successful youth speaker who is known for his entertaining stories and easy-to-understand principles and strategies. His refreshing approach to achieving success creates an extraordinary experience for his audiences.<br /><br /></p>
<p>Ryan has spent his most recent years working for <a rel="external" href="http://www.whats-next.ca/">What's Next?... Transition Strategies</a> in Toronto, Canada. He has spoken to tens of thousands of people of all ages and at all stages of life and has been featured in different newspapers, magazines and on various television programs.<br /><br /></p>
<p>His active presentation style has been called entertaining, engaging, inspiring, motivating, hilarious, unforgettable and Ryan's favorite, "AWESOME!"<br /><br /></p>
<p>When not on stage, Ryan can usually be found on an airplane traveling to new places to create new life-defining experiences.<br /><br /></p>
<p>From cliff diving in Hawaii and backpacking through Europe to shopping in the streets of Shibuya, Tokyo, or scuba diving in Honduras, Ryan knows what it means to create experiences and a life worth living.<br /><br /></p>
<p>For more information on Ryan , subscribe to his always entertaining <a rel="external" href="http://twitter.com/lunch_buddy">Twitter</a> alerts or join him on <a rel="external" href="http://www.facebook.com/ryanspeaks">Facebook.</a></p>
</div>
</li><!-- END OF MEET RYAN -->
<!-- PROGRAMS -->
<li><a class="trigger" rel="#header-4" onclick="return toggle_div('programs', 'ryan_3'); " href="#">Programs</a></li>
<li><div id="programs" class="hidden-divs">
<p><strong>Imagine having a school, conference or assembly full of focused, passionate students.</strong> Students who have a clear purpose and vision of what their future could look like. Imagine having students who were excited to be in their seats because they can see how being there will affect their future.<br /><br /></p>
<p>Does this sound impossible? It isn't! Make Your Own Lunch™ can prove it!<br /><br /></p>
<p><strong>Make Your Own Lunch™ is about one thing; DECISION.</strong> It's about the decision to actively create the exact life you want to lead. It's about deciding what you want to have, what you want to do, where you want to go and who you want to be.<br /><br /></p>
<p>It has nothing to do with the actual preparation of food but everything to do with making a life that you are excited about living everyday.<br /><br /></p>
<p>Make Your Own Lunch™ empowers young people to decide to create their future through experiences.<br /><br /></p>
<p>There are a few different ways to get your portion of Make Your Own Lunch™<br /><br /></p>
<h3>1. Make Your Own Lunch™ - Feast for All <br /><br /></h3>
<h4>Keynote/Assembly Presentation (45-75mins)<br /><br /></h4>
<p>Too many people go day-to-day living lives they don't want to be living. They work in jobs they can't stand, stick around in toxic relationships and give up on lives they used to dream about. It's time for you to become the gourmet chef of your life. It's time to block out all of those distractions, like the people tell you that your dreams aren't realistic and it's time to have the experiences of your lifetime!<br /><br /></p>
<p>Make Your Own Lunch™ is all about deciding to create the life you “crave”. Is it going to University? Owning your own business? Traveling around the world? or all three? Through his hilarious stories and adventures, Ryan Porter will give you the "ingredients" needed to make the exact life you want to live while giving you a bunch of laughs along the way!<br /><br /></p>
<h3>2. Make Your Own Lunch™ - Your Personal Menu<br /><br /></h3>
<h4>Workshop (45 - 60mins)<br /><br /></h4>
<p>This workshop has nothing to do with making a sandwich but everything to do with you deciding to create your own experiences and living a life that you love! In this workshop Ryan will show you 4 decisions you can make that will completely change the way you view your future. His outrageous escapades from Hawaii to Slovakia will have you laughing, learning and preparing to lead the life of your dreams. Stop living by someone else's menu and Make Your Own Lunch™.<br /><br /></p>
<p>Additional breakout sessions are also available upon request. Please contact us with the details of your event for more information.<br /><br /></p>
</div>
</li><!-- END OF PROGRAMS -->
<!-- BLOG -->
<li><a rel="external" href="http://makeyourownlunch.com/">Blog</a><br /></li><!-- END OF BLOG -->
<!-- REVIEWS -->
<li><a class="trigger" rel="#header-3" onclick="return toggle_div('reviews', 'ryan_4');" href="#">Reviews</a></li>
<li><div id="reviews" class="hidden-divs">
<div class="blurbwrap" id="review1">
<p class="blurb">“UH-MA-ZING!!! I laughed so hard that I think I sprouted a six-pack!”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Molly Somerville</strong><br />Idaho Business Professionals of America</p>
<div class="blurbwrap" id="review2">
<p class="blurb">“...In a nutshell Ryan blew those kids away”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Misty Elliott</strong><br />Michigan Association of Student Councils and Honor Societies</p>
<p><a onclick="return toggle_div('review_section2');" href="#">more..</a></p>
<div id="review_section2" style="display: none;">
<div class="blurbwrap" id="review3">
<p class="blurb">“I cannot begin to tell you how much the students, the parents and the staff volunteers all LOVED Ryan and his message. It has been the most astounding feedback we have ever had about a speaker!”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Sara Gutowski</strong><br />Director of Programming, Michigan Youth Leadership</p>
<div class="blurbwrap" id="review4">
<p class="blurb">“I cannot begin to tell you how much the students, the parents and the staff volunteers all LOVED Ryan and his message. It has been the most astounding feedback we have ever had about a speaker!”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Heaven Snowden</strong></p>
</div><!-- review section 2 -->
</div><!-- reviews -->
</li><!-- END OF REVIEWS -->
<!-- MEDIA -->
<li><a class="trigger" rel="#header-2" onclick="return toggle_div('media', 'ryan_5');" href="#">Media</a></li>
<li><div id="media" class="hidden-divs">
<h3>Client Resources<br /><br /></h3>
<p>Click <a href="html/av-checklist.htm" class="ceebox" rel="800 500">here</a> for Ryan's A/V requirements and event checklist<br /><br /></p>
<p>Click <a href="html/speaker-intro.htm" class="ceebox" rel="800 250">here</a> for Ryan's speaker introduction<br /><br /></p>
<p>Click <a href="html/bio.htm" class="ceebox" rel="800 500">here</a> for Ryan's bio (to be used in your program, website, blog, newspaper, magazines etc.)<br /><br /><br /></p>
<h3>Media Appearances<br /><br /></h3>
<p>Ryan on the radio If the player does not work, click <a href="pdf/Radio_Interview.mp3">here</a><br /><br /></p>
<p id="radio"><embed flashvars="valid_sample_rate=true&external_url=http://www.ryanspeaks.com/Radio_Interview.mp3" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" quality="high" src="http://www.odeo.com/flash/audio_player_standard_gray.swf"/><br /><br /></p>
<h3>Photo Gallery <br /></h3>
<p>Click images to enlarge..<br /><br /></p>
<span><a href="images/media_photo1.jpg" class="ceebox"><img src="images/media_photo1_thumb.jpg" alt="Video Tag" /></a> </span>
<span><a href="images/media_photo2.jpg" class="ceebox"><img src="images/media_photo2_thumb.jpg" alt="Video Tag" /></a><br /><br /></span>
<span><a href="images/media_photo3.jpg" class="ceebox"><img src="images/media_photo3_thumb.jpg" alt="Video Tag" /></a> </span>
<span><a href="images/media_photo4.jpg" class="ceebox"><img src="images/media_photo4_thumb.jpg" alt="Video Tag" /></a></span>
</div>
</li><!-- END OF MEDIA -->
<!-- CONTACT -->
<li><a class="trigger" rel="#header-1" onclick="return toggle_div('contact', 'ryan_6');" href="#">Contact</a></li>
<li><div id="contact" class="hidden-divs"></div></li>
<li><a href="http://vimeo.com/1239140" rel="vidbox 550 360" class="ceebox">Video</a></li><!-- END OF CONTACT -->
<!-- LOGO, FOOTER -->
<li>
<img id="main_logo" src="images/logo.png" alt="Ryan Speaks Logo" />
<div id="footer_content">
<p>Contact Toll Free: 1.888.318.3530</p>
<p>or email us at <a href="mailto:info@ryanspeaks.com"><strong>info@ryanspeaks.com</strong></a></p>
<p><a rel="external" href="http://www.facebook.com/ryanspeaks"><em>Facebook</em><!--<img src="images/facebook.gif" alt="Facebook" />--></a><em> .+ </em><a rel="external" href="http://twitter.com/lunch_buddy"><em>Twitter</em><!--<img src="images/twitter.png" alt="Twitter" />--></a></p>
<p>RyanSpeaks.com. All Rights Reserved.<a rel="external" href="http://designpilotonline.com"><strong>Website - Design Pilot</strong></a></p>
</div><!-- Footer Content -->
</li><!-- END OF LOGO FOOTER -->
</ul>
<div id="home" class="hidden-divs"></div>
</div><!-- Main nav -->
you can see i have put in the second attribute in the onclick but when i click it just scrolls through the pictures and ends on the last one. Code:
// show hidden divs one at a time
function toggle_div(div_id){
var div = $('#' + div_id);
var divs = $('#main-nav').find('.hidden-divs').not(div);
if (div.css('display') == 'none') {
divs.slideUp(function(){
div.slideDown();
});
} else {
div.slideUp();
}
//now for the images
var ryan_slide_width = $("#ryan_slide").width();
$("#ryan_slide img").animate({"right": ryan_slide_width}, 600);
$('#' + image_id).animate({"right": "0"}, 600);
}
i am unsure of why this is happening
|
|
#19
October 30th, 2009, 11:48 AM
|
|||
|
|||
|
function toggle_div(div_id){
first part of prob is not passing int he image_id var function toggle_div(div_id, image_id){ also.. is there a reason you changed the animate left to animate right ? the images should slide in from the right correct?
|
|
#20
October 30th, 2009, 12:17 PM
|
|||
|
|||
|
ok i have put the image_id in the toggle div, it is working to some degree. if you look at ryanspeaks.designpilotdemosDOTcom you can it loads the home picture fine and when you click home it slides the apporiate picture in. for the rest it just stays white?
I have set the images in css to absolute, width 100%. Code:
<div id="ryan_slide" class="pics"> <img class="" id="ryan_1" src="images/ryan1.jpg" alt="Ryan Porter" /> <img class="" id="ryan_2" src="images/ryan2.jpg" alt="Ryan Porter" /> <img class="" id="ryan_3" src="images/ryan3.jpg" alt="Ryan Porter" /> <img class="" id="ryan_4" src="images/ryan1.jpg" alt="Ryan Porter" /> <img class="" id="ryan_5" src="images/ryan2.jpg" alt="Ryan Porter" /> <img class="" id="ryan_6" src="images/ryan3.jpg" alt="Ryan Porter" /> </div> Code:
<div id="main-nav">
<ul id="nav-higher" class="nav">
<!-- HOME -->
<li><a class="trigger" rel="#header-6" onclick="return toggle_div('home-video', 'ryan_1');" href="#">Home</a></li>
<li><div id="home-video" class="hidden-divs"></div></li>
<!-- MEET RYAN -->
<li><a class="trigger" rel="#header-5" onclick="return toggle_div('meet-ryan', 'ryan_2'); " href="#">Meet Ryan</a></li>
<li><div id="meet-ryan" class="hidden-divs">
<p><strong>Ryan Porter</strong> has always believed that human potential is unlimited and that each individual possesses the power to create the life they want to live.<br /><br /></p>
<p>He is the creator of the Make Your Own Lunch™ program, which has been developed to empower students with the 'ingredients' needed to create their individual success.<br /><br /></p>
<p>Ryan is a full-time ambassador of the Make Your Own Lunch™ philosophy. His dedication to inspiring others is evident in his work. He is a successful youth speaker who is known for his entertaining stories and easy-to-understand principles and strategies. His refreshing approach to achieving success creates an extraordinary experience for his audiences.<br /><br /></p>
<p>Ryan has spent his most recent years working for <a rel="external" href="http://www.whats-next.ca/">What's Next?... Transition Strategies</a> in Toronto, Canada. He has spoken to tens of thousands of people of all ages and at all stages of life and has been featured in different newspapers, magazines and on various television programs.<br /><br /></p>
<p>His active presentation style has been called entertaining, engaging, inspiring, motivating, hilarious, unforgettable and Ryan's favorite, "AWESOME!"<br /><br /></p>
<p>When not on stage, Ryan can usually be found on an airplane traveling to new places to create new life-defining experiences.<br /><br /></p>
<p>From cliff diving in Hawaii and backpacking through Europe to shopping in the streets of Shibuya, Tokyo, or scuba diving in Honduras, Ryan knows what it means to create experiences and a life worth living.<br /><br /></p>
<p>For more information on Ryan , subscribe to his always entertaining <a rel="external" href="http://twitter.com/lunch_buddy">Twitter</a> alerts or join him on <a rel="external" href="http://www.facebook.com/ryanspeaks">Facebook.</a></p>
</div>
</li><!-- END OF MEET RYAN -->
<!-- PROGRAMS -->
<li><a class="trigger" rel="#header-4" onclick="return toggle_div('programs', 'ryan_3'); " href="#">Programs</a></li>
<li><div id="programs" class="hidden-divs">
<p><strong>Imagine having a school, conference or assembly full of focused, passionate students.</strong> Students who have a clear purpose and vision of what their future could look like. Imagine having students who were excited to be in their seats because they can see how being there will affect their future.<br /><br /></p>
<p>Does this sound impossible? It isn't! Make Your Own Lunch™ can prove it!<br /><br /></p>
<p><strong>Make Your Own Lunch™ is about one thing; DECISION.</strong> It's about the decision to actively create the exact life you want to lead. It's about deciding what you want to have, what you want to do, where you want to go and who you want to be.<br /><br /></p>
<p>It has nothing to do with the actual preparation of food but everything to do with making a life that you are excited about living everyday.<br /><br /></p>
<p>Make Your Own Lunch™ empowers young people to decide to create their future through experiences.<br /><br /></p>
<p>There are a few different ways to get your portion of Make Your Own Lunch™<br /><br /></p>
<h3>1. Make Your Own Lunch™ - Feast for All <br /><br /></h3>
<h4>Keynote/Assembly Presentation (45-75mins)<br /><br /></h4>
<p>Too many people go day-to-day living lives they don't want to be living. They work in jobs they can't stand, stick around in toxic relationships and give up on lives they used to dream about. It's time for you to become the gourmet chef of your life. It's time to block out all of those distractions, like the people tell you that your dreams aren't realistic and it's time to have the experiences of your lifetime!<br /><br /></p>
<p>Make Your Own Lunch™ is all about deciding to create the life you “crave”. Is it going to University? Owning your own business? Traveling around the world? or all three? Through his hilarious stories and adventures, Ryan Porter will give you the "ingredients" needed to make the exact life you want to live while giving you a bunch of laughs along the way!<br /><br /></p>
<h3>2. Make Your Own Lunch™ - Your Personal Menu<br /><br /></h3>
<h4>Workshop (45 - 60mins)<br /><br /></h4>
<p>This workshop has nothing to do with making a sandwich but everything to do with you deciding to create your own experiences and living a life that you love! In this workshop Ryan will show you 4 decisions you can make that will completely change the way you view your future. His outrageous escapades from Hawaii to Slovakia will have you laughing, learning and preparing to lead the life of your dreams. Stop living by someone else's menu and Make Your Own Lunch™.<br /><br /></p>
<p>Additional breakout sessions are also available upon request. Please contact us with the details of your event for more information.<br /><br /></p>
</div>
</li><!-- END OF PROGRAMS -->
<!-- BLOG -->
<li><a rel="external" href="http://makeyourownlunch.com/">Blog</a><br /></li><!-- END OF BLOG -->
<!-- REVIEWS -->
<li><a class="trigger" rel="#header-3" onclick="return toggle_div('reviews', 'ryan_4');" href="#">Reviews</a></li>
<li><div id="reviews" class="hidden-divs">
<div class="blurbwrap" id="review1">
<p class="blurb">“UH-MA-ZING!!! I laughed so hard that I think I sprouted a six-pack!”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Molly Somerville</strong><br />Idaho Business Professionals of America</p>
<div class="blurbwrap" id="review2">
<p class="blurb">“...In a nutshell Ryan blew those kids away”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Misty Elliott</strong><br />Michigan Association of Student Councils and Honor Societies</p>
<p><a onclick="return toggle_div('review_section2');" href="#">more..</a></p>
<div id="review_section2" style="display: none;">
<div class="blurbwrap" id="review3">
<p class="blurb">“I cannot begin to tell you how much the students, the parents and the staff volunteers all LOVED Ryan and his message. It has been the most astounding feedback we have ever had about a speaker!”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Sara Gutowski</strong><br />Director of Programming, Michigan Youth Leadership</p>
<div class="blurbwrap" id="review4">
<p class="blurb">“I cannot begin to tell you how much the students, the parents and the staff volunteers all LOVED Ryan and his message. It has been the most astounding feedback we have ever had about a speaker!”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Heaven Snowden</strong></p>
</div><!-- review section 2 -->
</div><!-- reviews -->
</li><!-- END OF REVIEWS -->
<!-- MEDIA -->
<li><a class="trigger" rel="#header-2" onclick="return toggle_div('media', 'ryan_5');" href="#">Media</a></li>
<li><div id="media" class="hidden-divs">
<h3>Client Resources<br /><br /></h3>
<p>Click <a href="html/av-checklist.htm" class="ceebox" rel="800 500">here</a> for Ryan's A/V requirements and event checklist<br /><br /></p>
<p>Click <a href="html/speaker-intro.htm" class="ceebox" rel="800 250">here</a> for Ryan's speaker introduction<br /><br /></p>
<p>Click <a href="html/bio.htm" class="ceebox" rel="800 500">here</a> for Ryan's bio (to be used in your program, website, blog, newspaper, magazines etc.)<br /><br /><br /></p>
<h3>Media Appearances<br /><br /></h3>
<p>Ryan on the radio If the player does not work, click <a href="pdf/Radio_Interview.mp3">here</a><br /><br /></p>
<p id="radio"><embed flashvars="valid_sample_rate=true&external_url=http://www.ryanspeaks.com/Radio_Interview.mp3" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" quality="high" src="http://www.odeo.com/flash/audio_player_standard_gray.swf"/><br /><br /></p>
<h3>Photo Gallery <br /></h3>
<p>Click images to enlarge..<br /><br /></p>
<span><a href="images/media_photo1.jpg" class="ceebox"><img src="images/media_photo1_thumb.jpg" alt="Video Tag" /></a> </span>
<span><a href="images/media_photo2.jpg" class="ceebox"><img src="images/media_photo2_thumb.jpg" alt="Video Tag" /></a><br /><br /></span>
<span><a href="images/media_photo3.jpg" class="ceebox"><img src="images/media_photo3_thumb.jpg" alt="Video Tag" /></a> </span>
<span><a href="images/media_photo4.jpg" class="ceebox"><img src="images/media_photo4_thumb.jpg" alt="Video Tag" /></a></span>
</div>
</li><!-- END OF MEDIA -->
<!-- CONTACT -->
<li><a class="trigger" rel="#header-1" onclick="return toggle_div('contact', 'ryan_6');" href="#">Contact</a></li>
<li><div id="contact" class="hidden-divs"></div></li>
<li><a href="http://vimeo.com/1239140" rel="vidbox 550 360" class="ceebox">Video</a></li><!-- END OF CONTACT -->
<!-- LOGO, FOOTER -->
<li>
<img id="main_logo" src="images/logo.png" alt="Ryan Speaks Logo" />
<div id="footer_content">
<p>Contact Toll Free: 1.888.318.3530</p>
<p>or email us at <a href="mailto:info@ryanspeaks.com"><strong>info@ryanspeaks.com</strong></a></p>
<p><a rel="external" href="http://www.facebook.com/ryanspeaks"><em>Facebook</em><!--<img src="images/facebook.gif" alt="Facebook" />--></a><em> .+ </em><a rel="external" href="http://twitter.com/lunch_buddy"><em>Twitter</em><!--<img src="images/twitter.png" alt="Twitter" />--></a></p>
<p>RyanSpeaks.com. All Rights Reserved.<a rel="external" href="http://designpilotonline.com"><strong>Website - Design Pilot</strong></a></p>
</div><!-- Footer Content -->
</li><!-- END OF LOGO FOOTER -->
</ul>
<div id="home" class="hidden-divs"></div>
</div><!-- Main nav -->
Code:
// show hidden divs one at a time
function toggle_div(div_id , image_id){
var div = $('#' + div_id);
var divs = $('#main-nav').find('.hidden-divs').not(div);
if (div.css('display') == 'none') {
divs.slideUp(function(){
div.slideDown();
});
} else {
div.slideUp();
}
//now for the images
var ryan_slide_width = $("#ryan_slide").width();
$("#ryan_slide img").animate({"left": ryan_slide_width}, 600);
$('#' + image_id).animate({"left": "0"}, 600);
}
|
|
#21
October 30th, 2009, 12:35 PM
|
|||
|
|||
|
actually I cant see much.. clicking on the menu items causes a js error and doesnt slide any image
header_paragraphs is not defined ((also there is some wonky css that is making it difficult to nav in safari))
|
|
#22
October 30th, 2009, 12:47 PM
|
|||
|
|||
|
ive just update my ftp and it shows the first picture sliding now
ryanspeaks.designpilotdemosDOTcom as for the header_paragraphs are you talking about at the end of this function: Code:
// changes headers for each content box
$(document).ready(function() {
$("ul#nav-higher.nav li a.trigger").bind("click", function() {
$(this).siblings(".panel").show();
$(".header_paragraphs").css("z-index","0");
$(".panel" + $(this).attr("rel")).css("z-index","100");
header_paragraphs
});
});
|
|
#23
October 30th, 2009, 01:02 PM
|
|||
|
|||
|
ok so i have it working i had to change the css on the images to margin-right instead of margin-left, now to just try and figure out this wonky css in safari!!
really appreciate all your help!!!!!!
|
|
#24
October 30th, 2009, 01:03 PM
|
|||
|
|||
|
yep.. seems to be whats causing the prob
|
|
| Viewing: Dev Shed Forums > Web Design > JavaScript Development > Function help? |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
