How can make an image up of screen? - css

I use the lightbox control (http://leandrovieira.com/projects/jquery/lightbox/ ) to display an image.
It's Ok, but the displayed image is closed the bottom of screen, I hope to make the image to close the top of screen, how can I do ? Thanks!

Add a top:0px in #jquery-lightbox under jquery.lightbox-0.5.css
For Instance,
#jquery-lightbox {top:0px;}

Related

How to cerate horizontal image slider in App screen?

I am working on a photosphere application and am create tutorial screen.
I want horizontal image slider in tutorial screen so How to cerate horizontal image slider in screen.
First Make Repeat Grid. Then Click on Scroll Group(Shift +Alt +h).Fixed the location. Then Click on present button.
Here's My Link:

When Side Bar shows up still can see other buttons in the page through the side bar

When Side Bar shows up still can see other buttons in the page through the side bar. Can anyone help me with this issue
enter image description here
enter image description here
You should try this
Wrap your side bar inside a div then make the width of div 100% & give a background color(with opacity:0.9).
You will get a better user experience.
Note: You will have to write some script to disable your side bar when some user clicks on that div's background.

Text on top of image Fancybox

I use Fancybox3 to display some images and I want to place a text on top of an image. This works when i edit the javascript file with this:
test
With this I have text on the actual image. But this text is big when Fancybox zooms the image in and out. Why is this happening and is there a way to solve this?
I want a simple image download text on the image instead of below the image.
You can use .fancybox-is-scaling class name to hide your text while image is zooming, similarly to this demo - https://codepen.io/fancyapps/pen/ePYNZo.
The script uses CSS transform: scale() for zooming to improve performance, but the side-effect is that everything scales withing the container.

Why the content of my page moves to left itself?

go here: [obscured]
When I click on any filter and then I click to "all" filter, the content moves a little bit to the left. Why?
Because your scrollbar is appearing.
I think vertical scroll bar display when clicked on the all filter. that's problem.

nivo slider - next and prev image

has anyone ever used nivo slider for images? I'm having an issue with showing the next and prev images for the navigation. It shows the prev image for boh next and prev navigation.
can anyone help please?
If you simply copy/pasted the example code, you will notice that it is asking for one image. This is because it's using an image called a sprite. A sprite is an image that has multiple images on it, which then are positioned via CSS via background-position attribute. You can either create your own sprite image and position it with CSS or you can use two different images.
If you'd like to use two images, simply change the left control's image in the CSS to left.png (assuming you have a left arrow icon) and the right control's image in the CSS to right.png.

Resources