I want to have some text overlay on Images and am using WordPress.
See this site - http://www.gxigroup.com
On the site, in Center, you can see an Image whose description is hid just LEFT side. When the "Show Text" button is clicked, the text comes up on the Image.
My questions is, How can I get the same functionality on my website running WordPress?
You can do it by adding some javascript to your header.php template file. Start with these and you should be able to get it.
http://codex.wordpress.org/Using_Javascript
http://wordpress.org/extend/plugins/tags/javascript-slider
It can be easily done with jQuery. I recommend you to search on Google "jquery slide panel examples", theres millions of plugins that do the effect you want.
Some of them:
http://web-kreation.com/demos/Sliding_login_panel_jquery/#
http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html
http://web-kreation.com/demos/login_panel_mooslide/
Related
I use version 4 of ckditor.
According to ckeditor, I did the ckeditor operation in my html document!
My problem is that when I click the "upload image" button and the photos are displayed for selection, after selecting one of the photos, the photo is not displayed inside the editor and does not actually work.
Did I have to do extra work that I did not?
My Windows 7 is, does it matter?
I am a beginner with Umbraco. I am able to upload images to the Media Library and then put them onto the page, but for my sidebars I want the images to be clickable links to other parts of my site and other sites.
At the moment I am using the Rich Text Editor to write an anchor tag etc. but this seems ridiculous and I don't want content authors [attempting to be] writing HTML.
It seems like there should be a built-in data type for this, or a property on the image but I see nothing. Do I need to write my own Razor code as a DataType? This seems like such a common thing that I'm surprised there is not a built-in solution.
I'm using 7.2.8
If you're already using the RTE, you can just select the image and click the Link button, then whatever you have selected (in this case the image) should become a link. No need to make your own HTML :-)
I'm trying to put together a page at http://www.sketch360.com/store/home/ which should show featured products and thumbnails for those products. For some reason the images aren't showing on page load, even though they immediately appear when you either right-click on the image, click on a next/previous arrow, or open 'developer tools' in chrome.
The status of the image styling in css I've noticed, changes from display:none to display:inline-block when you perform any of the above actions to get the images to show.
I've been through the timthumb troubleshooting steps at http://www.binarymoon.co.uk/2010/11/timthumb-hints-tips/ and have changed permissions on all directories according to these instructions. Any help would be much appreciated in getting these images to show up on page load.
The images show up (also using the timthumb method, I believe) on this alternative page: http://www.sketch360.com/store/shop/ but not on the first page (that is going to form the home page for the site: http://www.sketch360.com/store/home/ ).
Any suggestions would be gratefully received.
It isn't a timthumb or wordpress issue. It looks like it is a stylesheet / jQuery issue - where the div that covers the image (used for the highlight on hover) is opaque and covering the images. The funny thing is that when I "Inspect Element", the images all appear.
Double-check your starting styles for class "overdefult" - make sure it has the right opacity or set the background color to transparent. (You could also try removing it temporarily to prove that this div is indeed your issue.)
After many hours banging my head against a brick wall, I have discovered an updated script available that controls the bxSlider used to display these images in li's - and having upgraded the minified script, the problem seems to have resolved itself - just in case there are others needing help on this too.
I'm new to wordpress and currently I'm building a website using it. But now I'm confused about why my post's image doesn't show up on the homepage's slideshow / featured post but it does show up in the post if I open that post. I'm using Weekly Theme right now, but if I change to another theme it will return the same result too ( images won't show up ). How to fix this? Is there any specific codes I need to add or what?
Thanks in advance!
It's a bit hard without being able to see what's going on. Do you have a link to the site? Or the place you got the theme from?
Is it just the image that won't show up in the slideshow/featured area? Or does the text not show up either?
- If it is just the image then you are probably not setting an image in the way the theme wants. Ensure the image is both "in" the article text and also set as the Featured Image using the box on the right-hand-side of the edit screen.
I have a gallery of images on my website. Under each one, I'd like to have a link that says "Find more like this one". This link would automatically give Google Image Search the image url and return to the user a google search gallery of images like the one they clicked.
To know what I mean by Google Image search by URL, go here and click the camera icon: http://images.google.com/
I haven't really found anything in the deprecated API, and I looked at the way google does it itself, and it seems the submit button is intercepted by obfuscated javascript (even though the form html is of the GET request format).
So I'm at a bit of a loss, not sure if this is even possible.
This is what you need:
http://images.google.com/searchbyimage?image_url=
followed by the URL to each of your images on your gallery.
Example:
http://images.google.com/searchbyimage?image_url=http://www.google.com/images/srpr/logo3w.png
I came across your question after suffering a similar problem. I don't have a gallery, I just dislike sharing my browser/computer/personal identity with Google, thus I use Noscript.
When searching for the URL of an image (without clicking the JS obfuscated button), above the results, says thus:
"For matching images, try search by image"
and "Search by image" is a clicky link.
Hope this helps you.
For me, the following works: http://images.google.com/search?tbm=isch&q=your+query
Is that what you're looking for?