I am trying to do image slider in my project. My requirement is to show all the thumbnails of the images from the database.And if click any image it should get enlarged.
You can use the LightBox pluging of jQuery. Please take a look to the below links.
http://warren.mesozen.com/jquery-lightbox/
http://plugins.jquery.com/project/jquerylightbox_bal
http://www.balupton.com/sandbox/jquery-lightbox/demo/
Hope this helps
Related
I have to edit a wordpress site right now. One of the task is to give thumbnails a direct link to point the image directly in the gallery instead of the gallery page.
I can change the link in the thumbnails but I cannot find out what is the link which goes inside the gallery directly to a specific image. And of course keep the paging capabilities after that.
Depends on the gallery being used, in most cases you link to the gallery index.
I like this CSS Image Slider but I don't know to link it to the admin panel so it will automatically take the images uploaded there and also add extra bullet for each image uploaded.
If anyone knows how to make this it would be great.
Here is the link for the slider:
http://cssdeck.com/labs/css3-image-slider
Thanks.
I am trying to make a block of image (in left sidebar of the home page) to link to a colorbox.
For example I have a block with an image in home page. All I want to do is that when I click there the colorbox open with the content-type, for example a gallery of images. I tried everything for two days, but I couldn't make it work. All I could do is to make the colorbox to work inside the node but no directly from the homepage, and less from an imageblock in the homepage.
I would be appreciated if anyone can help me. Thank you!
I think the Colorbox Node module can be of help. That module enables you to open any page inside a colorbox modal without the header and footer.
In your use case you can make a link in the image block which looks likes this
<a class="colorbox-node" href="blogs/my-example?width=600&height=600">My Example</a>
When clicking the link, the link will open in a Colorbox modal. For more info on supported features and usage, take a look at the module's project page.
To keep it short: I am working on a Wordpress website for a cliënt of mine and I want to display a gallery with the NextGen Gallery plugin.
What I want to achieve is the following: I want to display one image, and when someones clicks on that image it will open up the gallery in lightbox.
The exact same effect which I want to recreate can be find here: http://www.nextgen-gallery.com/imagebrowser/
But for some reason the Imagebrowser setting in the plugin only contains the navigation arrows underneath the image and not the lightbox effect.
The website on which I am working now can be find at: http://makramedia.beta-projects.nl/fotos/.
Also the lightbox effect is different here then on the website of NextGen Gallery and it only shows the first image of the gallery as if it was the only picture added. I have checked this in the admin but all images are added but not shown on the website.
(To make the website more clear, my client wants that every image on that webpage has its own gallery. I now have 3 images which should open 3 galleries but these don't work properly. )
I really hope someone can help me with this as I have already spent days on getting this fixed. If you need any additional info or data then please don't hessitate to ask me as I'm more than happy if someone can help me with this issue.
Your's sincerely,
Christiaan Bruinsma
Freelance Media Designer
I need to create a page template for wordpress that will allow a user to upload images onto the page easily, like the native upload I suppose. Then be able to render the images on the page like this picture shows. Simple 3 columns, with image, then title and description under it. The images can just be static even, dont need to link or lightbox out.
Any thoughts on how I can do this?
Thank you.
(source: skitch.com)
The PhotoSmash plugin does pretty much exactly what you want.