header hidden on slider and page scroll visible - scroll

Please find the below link:
http://vehtri.com/demo/test/one-page/1.html
I require to hide the header on slider and visible only on page scroll, can any anybody help me please.
Below is the example:
http://www.motionplanets.com/

Related

Drupal Image Display with View and Panels

Can anyone please guide me on how do I create a photobox that contains image and I wanted to display that image on landing page.
I have used panel to create landing pages for my website. I need to create 7 different layout for my website.
I am new to Drupal. Any help will be appreciated.
I have created specific image style for my image box by going into "Configuration -> Image Styles.
I have created Content Types for image.
For example lets say, Content type is: "Top Left Image".
I have defined fields called "Image Name" and "Image" into "Top Left Image".
Then I have created one view called " Top Left Imagebox".
In view, I have defined fields called Content: Image.
Formatter: Image
Image Style: Selected specific image style.
Link Image to: Nothing
I have used Rewrite Rule to make a view that displays image or video filed if present.
No Results Behavior: [field_image]
Checked - Hide rewriting if empty
Checked Rewrite the output of this field.
I have defined this view into my Landing Panel Page. But, somehow image is not displaying into the browser.
Thanks for Help!!
It can be because your ad blocker block your images. Anything that comes with names like 'ad' will be blocked be ad blocker browser add-ons.
Try switching it off if you have any enabled.
This is my best guess if you have your images in your view & you have added that view into your panel page.

Setting anchor on page on refresh/pageload

I have a page that contains an area about halfway down the page that filters properties (custom post type) by Price, Bedrooms, and Sq Ft. The filter works fine, however upon filtering the properties (by clicking any of the filters), the page refreshes back to the top of the page, causing the user to have to scroll down the page to see the filtered results. I am wondering how I would go about attaching an anchor to those links so the page refreshes to the filtered posts area of that page so the user does not have to scroll down again. Would this be done by firing an event via JS or how exactly would this be done?
Ive attached my link below. All and any insight is much appreciated!
Scroll down to "View Quick Move in Homes" to view properties and filters - http://www.daybreakutah.com/find-a-home/
1) Give an id to the tag you want to scroll down to:
<h2 id="filter1">
2) In your hrefs, add #filter1 (or whatever you called it) to the end of the URL:
<a href="http://www.daybreakutah.com/find-a-home/#filter1">

Magento Product Page

Where exactly can I modify the style for things like buttons on the product page?
The specific problem I am having is that the add-to-cart button is inheriting black font, so that it’s illegible with the black background.
For every style modification you can refer the style.css of your skin/frontend/package/theme folder.
Use firebug plugin with firefox to check the line number and required styling for any perticular object.
About your add-to-cart button : you can give color background the span element inside the button tag.
Hope that helps.

Ajax loading form into div

I load a div using ajax:
$("#contentdiv").load('MyPage.php');
This is a "modal" div that shows details related to a picture the user clicks on.
The clickable pictures form a long list down my page.
I would like to have this modal div appearing on the position (have the same top value so to speak!!) of the picture that was clicked. Therefore the use does not need to scroll back to his/her picture of interest when the information div is hidden (closed!)
Any help is very much appreciated.
Thank you,
Carly
If you use the Modal dialog available in the JQueryUI package it should automatically do this for you.

Infinite scrolling inside a div with AJAX (jQuery) loaded date

I've been trying to figure this out over several questions here on SO, finding out the different parts and then assembling them, but now I'm giving up.
What I'm trying do do:
The user is on a page, clicks a button and a list of content loads into a div using jQuerys .ajax. When he or she scrolls to the bottom of the div, load more content. As seen on Twitter, but this is inside a div.
I've seen examples on how to have infinite loading in scroll, but the problem is that those examples reload the entire page (it seems)
Has anyone got any idea how I can accomplish this?
As said, I cannot accomplish this using normal means.
The page is build as:
Page 1, has a div, empty until the user clicks a button.
Page 2 loads a lot of content. When the user clicks on the button on page 1, this is loaded into the div.
When the user scrolls through the div (It has overflow set to auto) and ends at the bottom of the div it should load the next page or so to speak.
Thanks in advance! :)
There are some plugins which do this for you quite well.
http://www.webdeveloperjuice.com/2010/02/24/create-infinte-scroll-effect-using-jquery-with-demo/
http://www.beyondcoding.com/2009/01/15/release-jquery-plugin-endless-scroll/
EDIT: Some more up to date plugins:
https://github.com/fredwu/jquery-endless-scroll
http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/
Use the JQuery.load() method to grab some html content and then insert it into an html element.
If you're using Paul Irish's Infinite Scroll, you can just specify a binder as one of the arguments where you have implemented infinite scroll, just like this:
$('.mydiv').infinitescroll({
binder: $(".name-of-div")
The binder is set to the document window by default, but if you specify it, you can have infinite scroll running simply inside one div on your page

Resources