click gallery without lightbox in drupal (multiple cck images) - javascript

Hi I want to find a module or a js script to embed to drupal that can show me all the images uploaded to a node (CCK fields as images) and when I click on one to load that image as the highlighted one (big picture) just like in the following layout.
Can anyone tell me if such a module exist?
or
an image has to be loaded by default

I believe the Fancy Slide module can do what you're looking for. If not, there are other Rotator/Slideshow modules that may.

Related

showing image title on top of image in Wordpress post

Curious to see if there is a method to display the title of an image on top of the image (ex. absolute positioned)? I am not in control of the image size/placement as it is done through the Wordpress admin panel. Can't find any understandable source material.
"The easiest way to edit your CSS file is to visit Appearance → Editor from your WordPress dashboard. You’ll want to open the style.css file (which should be open by default). This is your stylesheet."
Source https://thethemefoundry.com/blog/how-to-customize-a-wordpress-theme/

jQuery UI Dialog Close button doesn't show up with local jQuery file

This is going to sound like a seriously stupid question. I have a very super simple page that I created that currently just displays a jQuery modal Dialog box. If, when I link to the jquery files, I just link to http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css for example, everything works just fine. When I download those files and link to the local directory, almost everything works fine, but the close button in the top of the dialog doesn't show up. The box is there, and it's clickable, but the X isn't there. Any idea why this happens?
in the CSS there are references to images like:
background-image: url(images/ui-icons_cd0a0a_256x240.png);
Did you also download the images and placed them in the correct directory?
just get the whole package of jQueryUI http://jqueryui.com/download/
Do you have the images stored locally as well? You should probably download the whole jQuery UI package from here http://jqueryui.com/ instead of trying to find the individual files from the CDN.

Windows 8 adding images

I'm trying to add images to my hello world app (HTML / JavaScript).
I am able to add the standard images (logo.png, smalllogo.png etc), but adding:
<img src="images/testImg.png"> won't show, when testing the app.
The image is located in the images folder, but won't show. What's wrong here?
Apparently the image needs to be added by clicking "add->existing item->image". Then it gets loaded and will be available in the app.

Wordpress slideshow plugin error

I have a plugin called Skitter fo WP..its a slideshow jQuery plugin.
For some reason im getting
Error loading images. One or more images were not found.
I recently transfered my website from one host to another..copying all the files. now its not working, needless to say it worked before the transfer..no files were changed in any manner what so ever..only wp-config file for db etc'..
I tried the solution offered here -
https://github.com/thiagosf/SkitterSlideshow/issues/7
But it didn't worked..
The wp settings of the plugin are the same as they were with my images attached to the plugin.
The website is
www.tranceil.fm
Any thoughts?
A quick thought gone through my mind: The error was just happened when you transfer your website. Let me explain.
I believe you uploaded the slider images using WordPress Image Uploader. So your image's address will be like this: www.youroldsite.com/wp-content/wp-uploads/2012/08/slider1.jpg
When you transfer your website to another domain, WordPress will not update these locations. So simply when the plugin checks for above address, it is unavailable.
Solution:
You need to change the slider image's URL manually or
Delete all slides and Re-upload the images again on your new host.

Adding images to a javascript plugin

I'm creating an image gallery using the Galleria plugin.
I'm customised the styling of the gallery, editing css within the .js file, but there's one task that's got me stumpted:
I'm trying to replace the arrows that appear on either side of the image lightbox. They are currently created using type, but I need to replace these using images to be consistent with the rest of the site.
I've tried adding the images as I normally would using CSS, but it failed to display.
I'm not very experienced with Javascript so any tips on how to call images in CSS contained within Javascript would be gratefully received.
Here's a link to the code from the Javascript:
http://jsfiddle.net/tomperkins/TQDU7/
And here's a link to the plugin site if that helps:
http://galleria.aino.se/
Thanks in advance,
Tom Perkins
You just have to edit the "classic-map.png".. just make sure you map them in the same way ( put your button images at the same spot as the once already there )

Categories

Resources