I want to invoke an image in a FancyBox modal window when a user clicks on a certain word on my Wordpress site. Are there any suggested plugins or methods?
For Example:
This is sentence and want to give link to THIS WORD.
By clicking on THIS WORD it should open image in fancy box. I have 10
different words and want to open 10 different images in fancy box.
If you have fancybox installed and working, adding the class "fancybox" to any link (a-tag) will open the link in a fancybox. Example (HTML-Code):
This is sentence and want to give link to
THIS WORD.
(The title-attribute may be omitted.)
Related
I have a page, home.html, which is just comprised of 2 iframes, iframeA and iframeB. The content of iframeA and iframeB are various links from my site. When I click on any link within iframeA or iframeB, I don't want that link to open within the iframe itself. Instead, I want the clicked link content to render in the entire existing browser window. Is there any way to achieve this simply, without complicated javascript?
I plan to make a website, where one picture is shown at the beginning. After that comes text and after the text the nanogallery2 is following.
What I want to do: I want to group the images together, so that when the user opens the first image on the page that also this first image will open into the nanogallery's lightbox as first element - so that user is able to go further on through the gallery from the first image on the site.
How can I do that?
Other question: When that will not be possible - how to use a different lightbox and then to group the pictures in another way together?
Thank you!
Danny
Here is the standard iframe code they give for embedding.
Is there anything I can add to this that will change the target for the "View on Instagram" button that appears when you mouse over the word Instagram in the iframe? I'd prefer it opened a new tab or new window.
Here is the article where I currently have it embedded.
http://www.pdga.com/when-it-rains-it-pours
I haven't worked with embedding instagram media before, but this seems to be a common gripe (understandably). See this FAQ post on a wordpress plugin which I assume is similar to what you're using
That link is within the Instagram embed iframe, you cannot change it, if you don't want people to click and go out of your page, you can hide the top section of iframe like this: http://blog.initlabs.com/post/59132920494/how-to-position-a-section-of-iframe-in-a-div
I am developing a theme for WordPress 3.6 and as far as I know embedded links, like if just place a link into the post for YouTube it should auto embed its self. that's not the case here - would any one know what would cause links from services like YouTube to not embed?
[embed][/embed] doesn't work either...
Make sure the YouTube link is not hyperlinked. If the URL is shown in
your theme’s link color (as the second line in the screenshot below),
then it is hyperlinked. Simply select the whole URL and click the
“Unlink” icon on your Visual Editor toolbar.
Once the URL is unlinked, you will see the link text in black. Make
sure to place the YouTube URL or shortcode on its own line. This
means there should be no character or whitespace before or after the
URL/shortcode.
http://en.support.wordpress.com/shortcodes/
However, beyond those issues you might want to look into. the API that WP uses to embed links from YouTube, Twitter, Flicker...
http://oembed.com/
oEmbed is a format for allowing an embedded representation of a URL on third party sites. The simple API allows a website to display embedded content (such as photos or videos) when a user posts a link to that resource, without having to parse the resource directly.
Unlink the link if it's linked and use the shortcode :
[youtube=http://www.youtube.com/XXXX] and that will work.
Wordpress is now replacing the youtube links that people post into comments of a post with the actual video. It is rather anoying and I would like to know if it is possible to leave the link as is and not add the embed code to view the video directly from the comment container?
Have you tried entering that code in the TEXT tab rather than the VISUAL tab of the editor?