Lightbox close button rollover effect - lightbox

Ok, not really seeing any previous help for this one specifically. What I want to do is have a "hover" effect for the close button. I have got it to where when you hover over the the close button itself it will display and go away when you move the mouse out. But, what I want is when you hover over the image being displayed in the lightbox I want the close button to display and when you mouseout I want the close button to disappear.
Also, some pointers for using the transitions effects or sources for that would be good. I am still a student working on portfolio pieces. I graduate in August 2013.
All help is appreciated =) I am also researching on my own, but not all of what I am reading is working or making sense. I am coming into places like this and Yahoo! Answers for extra help. Thanks!

I suggest you to Lightview was well configured.
You can download here:
http://projects.nickstakenburg.com/lightview

Related

How to fix extra buttons on a Wordpress Video playlist

I have recently begun assisting updating my company's website. We have a few video playlists that I noticed have a ton of extra navigation buttons. I have an attached screenshot with the navigation circled.
I cannot figure out where the extra buttons are coming from, so I am unfortunately not even sure what the best questions are to ask here. The best I can find from digging around in the CSS are that there are references to mejs and aria. For all of my toying around. I have not been able to isolate one set of the buttons to go away and still show standard navigation buttons.
Thank you!
Check CSS Styling for input[type='button'] or button in your CSS.

don't refresh page when opening lightbox

I have been working on setting up lists, changing pictures on hover, and lightbox on click. it works mostly the way i want it save for one thing... when i click on one of the submenus to open the lightbox, it appears to refresh the main page, thus going back to the default.
http://www.thendesign.com/new/type-test2.html
click on 'education' and then one of the projects to see what i am talking about.
how can i get it to remain where one left off when the lightbox opens/closes?
thanks in advance for your help!
Sorry I didn't see this until after I had already responded to your comment over on your other question.
jquery list, keep active highlighted

add ribbon button like "Open" with drop-down options

I'm hoping this is just a simple pointer to something existing which I couldn't locate via google.
What our business folks want is a button much like the "Open" button which once clicked, gives a pull-down with 3 options. I can't quite figure out how to pull that off.
I can easily add a button. I can even add a stack of 3 "small" buttons vertically. I can't quite figure out the drop-down from large button. One of our folks thought he did this a long time ago, but can't find any evidence to prove it. ;)
Can anyone point me to what I missed? or, anyone confirm that it's not possible?
thanks,
~Warner
Unfortunately that is implemented in a different way than how normal buttons are added to the ribbon. I am basing this on the answers I received here:
Is it possible to remove the "Upload MM Component" button from the SDL Tridion 2011 Ribbon
It seems you will need to create an ASCX to achieve this.

How do I create a "new" flashing button?

I sincerely apologize if this is a noob question, however I am failrly new to web development and would like to ask the community with some help and advice in creating a type of flashing "new" button on a website.
What I am trying to achieve is an eye catching e.g. "new products" button.
Could anyone point me to a good tutorial for asp .net, JavaScript or jquery.
Thanks in advance and kind regards,
geoNeo
Aside from the poor UI design aspect of having anything blinking on your website, you can create an animated GIF image of a flashing button, and then use the onclick event to redirect the user to your next page when they click on the button.
For the animated GIF, I'd suggest making it blink a couple times, then stay solid for a much longer duration, then loop the animation. That way, you get the user's attention, but in a slightly more subtle way.

How accessible is Fullcalendar?

I'm having problems making FullCalendar fully accessible. I'm using the default month view and can't access the next, previous, and today buttons on the top right without using a mouse. If I run a screen reader, I can access those buttons but not without running the screen reader.
And on another note, I currently am using tool tips that pop up when you mouse over an event title to display more information. If anyone has any tips on how to make those accessible to a screen reader or accessible without a mouse, I'd greatly appreciate it!
Regarding the buttons, I would advice that you write new buttons if accessibility is important. These buttons you could then hook up to your own javascript functions that moves to previous and next.
Check out this documentation example
Regarding the second problem, I think that's the same problem not just for physically impaired but also for things like mobile browsers. My tip would be to avoid onmouseover if the information that appears is really important.

Resources