Re: Replace flash with JQuery Cycle plugin on my website
The CSS border-image property isn't universally supported yet except in Firefox, Chrome, and Safari 6. IE has no support for it and you need to add vendor prefixes for older Webkit and Opera...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
After all this talk about the cycle script, I decided to give it a try. Is there a way to specifify how long an image stays up; not the speed of the transition, which is easily editable, but the...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Refer to the Cycle2 documentation for complete description of attributes.http://jquery.malsup.com/cycle2/api/ You would need to add a timeout value to your data-cycle code. A higher integer = a longer...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi Nancy! First off, thanks for the documentation. There's some really neat stuff in there! Also, thanks for pointing my directly to the function I needed. I would've found it in the documentation -...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Very informational stuff and thank you!! Is there anything jquery out there that would support adding a border image? Or any type of recommendations? Thanks,Tony
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
I don't know of any. I typically use background-images like this instead of image borders:http://www.alt-web.com/sandbox/frame.html Nancy O.
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
I got ya! So I can just use my border image as a background image and align my jquery appropriately?
View ArticleClik here to view.
Re: Replace flash with JQuery Cycle plugin on my website
Assuming your border image is suitable for the task. The one in my demo is just a seamless swatch that is repeated to fill the #outer container. Nancy O.
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Yes, you can place a div within a div to get this done. create an outer div: <div class="outer"><div class="cycle-slideshow" data-cycle-pause-on-hover="false" data-cycle-speed="2000"...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Ok I am getting closer but I'm having difficulty placing the background image in the correct spot. What you have taught me has helped me alot. You can view what I have so far here...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Try this: .cycle-slideshow { border-width: 10; width: 484px; height: 375px; background-image: url(images/flash_box.png);} .cycle-slideshow img { padding: 16px 0 0 37px; height: 340px;...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Boom! Now I just have to learn the placement better. I am using IE and I am now noticing that the calendar in the menu bar is placed under the government. Could this have to do with frame and pics are...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Download & install Firefox and get the Web Developer Toolbar add-on. You can edit CSS & HTML in your browser and see the effects in real time. When you get the code to your liking, copy &...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
The subtext of Nancy's reply here is that supporting Internet Exploder is a lost cause. I agree with her, I really do not like the trash Microsoft produced, once they "won the browser market." Here is...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi All! I'm trying to get a caption for each image, and I found some code in the documentation, but I'm not sure how to approach it. Any suggestions? Thanks!Jon the page is here:...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Nancy that add on works wonders!! And Mark thank you for all your input. Your last post will come in handy. Here is hopefully my last delima. I tried but failed to figure this out. I am using this code...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi Jon, Looks like we have both been working on the same thing
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi Tony! Good timing - does your caption show up at all? I just tried your code but nothing is happening. Do I need that extra <div> at the bottom?
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
I believe you do but not 100% sure. I tried so many options I can't remember. I do know that once it showed up it was all the way to the left so the <div id="alt-caption"...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi Tony! Can I see your CSS? Jon
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
@ Tony & Jon,You'll need to download the Cycle2 Caption pluginhttp://jquery.malsup.com/cycle2/download/ DEMOShttp://jquery.malsup.com/cycle2/demo/caption2.phpSave caption script inside a .js file...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi Nancy, I'm still trying but haven't got there yet. I uploaded this page:http://www.jonfreed.com/index-cap.html In the lower left hand corner, I see a 1/5, 2/5, etc. but it's not taking my title...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
There's no link to the Caption2 script in your document. You need to download that script and save it inside a .js file in your local site. I posted links for the script and how to use it above. Did...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi Nancy! My most sincere apologies - I realized after your second post, that I had not downloaded the right file! I hate to bother you, yet again, but I still can't get it to work (I'm starting to...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Nothing is hopeless. But you have some HTML errors. http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.jonfreed.com%2Findex-cap2.htm l If I disable your CSS in my browser, I can see the...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Okay, I'll check my syntax. I was pushing it with the CSS, so I'll try to narrow and pare it down! I'll let you know my progrss. (I'm backtracking with an earlier version where the code isn't so...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi, Ok I've been trying to get the caption centered up the picture with no luck. I thnk I did what you told me correctly but I'm sure my syntax is wrong somewhere....
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Adjust styles as desired: <div id="alt-caption" style="margin-left: 125px; margin-top: -5px; font-size:46px"></div> Nancy O.
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
I added that and tried playing around with just the font size. Something's not jiving.... Tony
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
You still have quite a few code errors that need to be reconciled. You can skip the warnings about missing ALT attributes on images. But orphaned/unbalanced tags do lead to layout...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Thanks Nancy! I fixed a lot of errors. I did leave out the ones you mentioned. Unfortunetly it still looks off. Any ideas? http://www.ci.guilford.ct.us/jquery_cycle_caption_fixed.htm Thanks!
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
I am pretty sure I am doing something wrong with the caption thing. I fixed up my original which isn't using the caption and it looks fine. http://www.ci.guilford.ct.us/jquery_cycle_default.htm
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi,I think I have it 99.9% worked out I just can't figure out how to center it between the pictures. I played around with what you mentioned here. <div id="alt-caption" style="margin-left: 125px;...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
I suspect there's something in your CSS Layout that's preventing the Captions feature from working as expected -- such as APDivs or other positioned elements on the page. If that sounds about right,...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Finished product working with the help of all of you on here. Thanks! I was able to find some example Cycle2 demos that help me out along with a sample CSS. Some minor validation errors I think....
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Looking good! I noticed your footer text is spilling out of it's container. To fix that you may need a bigger background image. #footerWrap { background:#FDF8E0 url(../images/bg_footer.png)...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi Nancy, I'm not seeing what you mentioned or my eye isn't goog enough to notice. Is that the container down the bottom? Most of this site was done by a developer. Tony
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
I did however add this width:100%; to my CSS body code. Could that have caused it? Tony
View ArticleClik here to view.
Re: Replace flash with JQuery Cycle plugin on my website
Not bigger width. Bigger height. See screenshot:It's even worse with increased text size. Nancy O.
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
This is strange. I'm not seeing this. I tried on both my pc at work using IE and Firefox and also my Mac at home using Safari and Firefox. I'm zooming in/out. Is that what you mean by increasing text...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Go to View > Zoom > Text only. Hit Ctrl+++ This increases text size in browser without making the page bigger. Mainly used by people like me who have trouble seeing small text on our displays....
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi Nancy, Where would this actually be placed? In my CSS? #footerWrap { background:#FDF8E0 url(../images/bg_footer.png) no-repeat center bottom; min-height: 170px; /**same height as BG image**/...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
You already have the #footerWrap selector in your CSS. Use Ctrl+F to find. Nancy O.
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Ok I found it and replaced it but it's all shifted left. Was I suppose to add this with the #footerWrap or replace everything in #footerWrap? I only tried replacing it. Tony
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi Nancy, I hope all is well. I am stil stuck on the placement of the code you gave me. I tried a few things but still can't get it to work. Thanks,Tony
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
First, you need to create a new background image for your footer that is at least 170px high to replace this one.http://www.ci.guilford.ct.us/images/bg_footer.png Upload replacement image to your...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
<div class="cycle-slideshow" data-cycle-pause-on-hover="true" data-cycle-speed="5000" > [link removed by moderator]
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Hi Nancy, Sorry to bring up an old issue. I am back at trying to fix this again. I am still stuck on your last comment. I think I changed what you mentioned but something is still off. A new set of...
View ArticleRe: Replace flash with JQuery Cycle plugin on my website
Can you start a new discussion and post a link to the problem page? Nancy O.
View ArticleClik here to view.
Re: Replace flash with JQuery Cycle plugin on my website
Hi Nancy, Thanks for your reply. Here is the new discussion http://forums.adobe.com/thread/1299074 Tony
View Article