ppGallery - JS Script for Hidding Images [closed] - javascript

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I have this gallery that does not support multiple albums on the same page and I need help to hide the images of the second album that I created. How can I hide the four images below the images with the text?
I duplicated the JS file, button ID, so I can see multiple albums on the same page, I don't understand what I'm missing here.
http://www.piterpan.it/ppgallery/giugno.html

Use can use display property of CSS;
<img src="yourWebsiteAddress/ppgallery/img/13-03-17/aperitour-marzo-01_tb.jpg"
style="display: none;">
Or you can use jQuery selectors;
$("#gallery").hide();
$("#view2").hide();
For convenience you can define a class for those you want to hide and simply
$(".hiddenClass").hide();

Related

Change <link href="#"> with click [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I want to make "intro" page where you can choose two different colors for the template.
My question is: is there a way to do this without creating new .html files with changed style?
is there a way, where you can change with click and that to lead you to index.html? (also, if this is possible, how to apply this to all .html documents)
Thanks!
Yes, just select the link and change its href:
$('link[rel=stylesheet]').attr('href', 'my-other-sheet.css');
If you have multiple stylesheet include tags, you'll need to select by some other criteria like id.

Swap out html table for new table [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
Is there a way to completely swap out a HTML table for a different one using javascript?
I know I can change the content in an existing table but can I have a pre-made table and just swap it in in place of a current table? and if so, how would I go about doing that?
If you already have the two tables in that screen you can simply make one of them invisible using CSS style="display:none" and use javascript to access them and switch the display attribute between them each time you want to swap.
javascript code to switch would be
document.getElementById("elementID").style.display=''; (to show)
document.getElementById("elementID#2").style.display='none'; (to hide)

How to create a hiding Menu? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
How can I create a menu navigation that will be hidden on load, but will show when the user hovers over a button?
So for better understanding I did a simple preview how I want:
I know how to create a <div> with the menu the, only thing that I need to know is how to create the show/hide interaction with the mouse cursor.
What language do I need to use? Please tell me how can I create this. What should I search on the internet to create this? I'm not looking for complete code, just a small example or a pointer in the right direction.
I'd go with javascript.... Here is 2 links http://www.w3schools.com/jsref/event_onmouseover.asp
http://www.htmlgoodies.com/beyond/javascript/article.php/3470771
Pretty sure you are looking for these events ;)
You can use this
Demo:
http://tympanus.net/Tutorials/AnimatedBorderMenus/index5.html
Source:
http://tympanus.net/codrops/2013/09/30/animated-border-menus/

How do you make multiple details tags on a single page act with an accordion effect? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I want to use multiple details tags on a page. However, some may end up containing a lot of content and for that reason I want to limit only one being open at any given time. This naturally means closing one if it's already open.
Is it possible to close a detail tag programmatically using JavaScript?
If I understand you correctly, this should do what you want (jsfiddle). The details element has an open attribute that you can simply remove. I am using jQuery, but it should be straightforward to do the same in vanilla JS.
$(document).ready(function() {
$('details').on('click', function() {
$('details').removeAttr('open');
});
});
You might want to filter out the details tag that the click event was triggered on, but it seems to work this way.

Promove animation on HOVER - Jquery [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 9 years ago.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
I'd like to know some ways to animate icon on HOVER.. I'd like them to work like animated gifs...
Here is an example:
TRASK INDUSTRIES LEFT MENU
When you hover icons on the left menu they get an animation!
I google unsuccessfully for a solution...
Thanks.
The site you referenced is using sprite sheets for animation. Essentially a sprite sheet is just an image that contains frames for an entire animation. When displayed, you crop the image to match the dimensions of a single frame and adjust the position of the image to move to different frames.
Here are some jQuery plugins to help you get started.
Spritely
SpriteSpin

Categories

Resources