I want to show the post under the image - javascript

http://77.104.146.223/~thewhi58/
Open site click on image any image there is a title at the bottom
I want it to display the post under it its a excerpt
Code: http://pastebin.com/AdshznDN

This text at bottom of images in lightbox is usualy TITLE added to A tag. Change text there.

Related

Image in Modal makes Image on Website disappear

I build a website with HTML/CSS & JavaScript and added a modal with Bootstrap 5. I changed the standard "Save changes" button of bootstrap with JavaScript to display a random image inside the modal. When the random image gets displayed inside the modal the one image i have displayed on the website disappears.
Does anyone know how to change the code so that the image on the website does not disappear while the random image gets displayed inside the modal?
I tried to change the position and the z-index of the website image in CSS but it still happened to disappear.
I'm not sure without seeing your code.You can try changing the css of the element when you open and close the modal.
document.getElementById("HtmlElementId").className = "CSS-SelectorNewStyle";

Get Snapshot of relevant div and download automatically on button click with Html and Javascript

I am trying to get screenshot of relevant html div and download it with button click.I tried with html2canvas.
But it make me to save the image separately. What I want is automatically download the screenshot of div content ,just when I click on button.

Javascript/CSS/HTML mouseover show remote page with no clickable link

I have a section of a div container text that I'm trying to 'preview' another page, or at least show it when the mouse is over specific text - I don't want the actual text to be clickable since I need it to remain on the 'main' page
I've messed around using some custom CSS's to 'preview' data, locally, and provide a remote img src, but I cannot seem to find any examples to do this for a page.
You can get thumbnails of those pages that you want to show and when they hover that text you can show them that thumbnails. Tt is kind of tricking user since they are not actually seeing the page.

Lightbox2 - display div's content instead of image

I would like to know how to use Lightbox2 to display the contents of a div.
Currently I am using the following line of code to display an image.
image #1
Is it possible to display a div's content instead of the image?
Thanks for any hints provided :)
Lightbox is for images.
If you're looking to display content, create a new page and embed an iframe with Fancybox: http://fancybox.net/
To do iframe, include jquery, then the necissary fancybox javascript & css files you can download, then call it with this code:
<script>
$("a.fancyiframe").fancybox({
'type':'iframe',
});
</script>
then setup your link element:
<a class="fancyiframe" href="http://www.yoursite.com/place.html">This goes to iframe</a>

figuring out this Javascript code

I am trying to figure out how the get the featured area
at http://blueoceanportfolios.com to link to webpages rather than displaying it within the featured box on the left .
This area is using JS file to display the videos on content in the featured box when different items on the menu are clicked, here is the working example :
http://www.blueoceanportfolios.com/company/
Okay ,
The problem: Loading a new webpage rather than displaying the content at featured box at the homepage of above website
Tried solutions: linking to javascript functions like onclick="window.location="http://someplace.com";" etc but still the content loads up in the featured box ,
try clicking on 2) it displays stackoverflow.com rather than loading new page.
Any suggestions ?
This:
<script type="text/javascript">
onclick="window.location="http://someplace.com";"
</script>
... is not the way to add event handlers to an element. If you want those anchors to link to a web page, put the URL in the href attribute like any normal link:
Link text

Categories