Slider working great here, but when in a smaller format on a phone as an example, the menu will not roll back up for other items or possibly not drop down for some dropdown items.
Saw one article "bootstrap.min.css, bootstrap.min,js, and ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js not resolving" but did not see anything there to help.
Answer was to use the code found at link http://docs.sitefinity.com/for-developers-avoid-conflicts-when-loading-multiple-versions-of-jquery
below wrapper and remove one of the references to "bootstrap.min.js".
Related
Hello fellow code ninjas, I have been playing around with this nifty jQuery price range slider
and once I implemented it, it caused my text boxes, choose image function, and Jquery drag & drop elements to stop working :(
I looked through the code and can't seem to find what went wrong.
The page I put it on is here: https://www.picklify.com/feed/beta/
And you will see the price range slider in the "Seller's Search" box at the bottom. If you view my page source you can see all the code there.
Help me from pulling out my hair, and thank you! :)
You are including jQuery.js twice in page. Second version wipes out plugins that are registered to first version which throws error since those plugin functions no longer exist. Delete second version so jQuery loads before all plugns
Below your comment <!-- BEGIN jquery price range slider -->, you are re-including jQuery and jQuery UI. Remove those references and combine the inline script in your head.
I need to get this meny done, but the programmers say it's not possible to do what I want.
I find it hard to believe, so I'm asking you guys if this is possible.
Check out this page: http://www.nsquareit.com/lottemcgill/
Click the "Archive" in the menu below the logo. Here you can slide the three pins to make a selection to search for. The text that displays the selected value for each slider is now following the pin itself. I want that text to be static on the right side of the pins.
Is this possible?
He says the dealbreaker here is that the logo and menu itself should have fixed position. The logo and menu should not scroll with the page itself, but rather say where it is at all times. (like it is now).
So, is this possible? I believe it is. I cant see why not..?
Thanks =)
Try http://jqueryui.com/demos/slider/, it's easy to use, customizable and you can place it anywhere you want (including fixed elements)
I want to make a sort of repeating slideshow banner for my website, but i need some help on how to do it. The best example of what i want is on the play.com website, they have a banner that has 5 different slides, the site scrolls between them after X amount of time but the user can also click on one of the numbered buttons at the bottom of the banner to skip.
I'm thinking of doing this using HTML, CSS, JavaScript, AJAX and PHP. I have an Ajax script set up already linking to a php page that will at somepoint check through a database to get its content. But i want to output everything using lists lu and li.
So does anyone know of any tutorials or something i could use to get something like on play.com? play.com is more or less and exact match to what i want.
Thanks for the help.
You can use jQuery in combination with slideshow plugins. You don't have to do much by yourself. A plugin which does what you want can be found here:
http://slidesjs.com
You can also search Google for "jquery slideshow". This should return lots of pages with plugins.
I use http://jquery.malsup.com/cycle/ as it has a very basic fade but also lots of different animations if needed.
Unless you have a good reason for it, there's no need for you to create the slider yourself, there are tons of options already made (and tested).
I often use this two:
http://nivo.dev7studios.com/demos/
http://jquerytools.org/demos/scrollable/index.html
here is a really simple one that loops through any number of <img> elements placed inside a <div class="slideshow"> wrapper and it only uses a few lines of jQuery and css...
http://jsfiddle.net/DaveAlger/eNxuJ/1/
hope this helps someone else
I need help making a simple slideshow to display images with a simple navigation. I do not want anything flashy - just a basic slideshow with a previous/next navigation and text that displays what number the image is out of the total images. I would also like it to fade into the next image if possible.
This is for a portfolio website and I have seen it done on many others but I cannot create a working code nor find a similar code anywhere. Thank you!
Take a look at http://jqueryfordesigners.com/jquery-infinite-carousel/
There are plenty of other examples out there, as well, like http://sorgalla.com/jcarousel/ (mentioned in the above link and pretty popular)
Here is a sexy slideshow jquery plugin my friend:
http://www.slidesjs.com/
jQuery Lightbox
http://leandrovieira.com/projects/jquery/lightbox/
Use the Cycle plugin (jQuery) with the pager option:
http://jquery.malsup.com/cycle/int2.html
I need a bit of Javascript that will find some text in the html page and then scroll to that point.
So something like "Are you a Lib Dem or Tory supporter and how do you feel about the deal?" would scroll down to the bottom of the page for this bbc news page: http://news.bbc.co.uk/1/hi/uk_politics/election_2010/8676607.stm
Im hoping there is a built in function for both the find text and scroll.
Try this. It works on the site you provided:
$(window).scrollTop($("*:contains('Are you a Lib Dem or Tory'):last").offset().top);
It finds last, deepest element that contains given phrase on the page and scrolls to it.
If you want to do the same thing without jQuery you need to use XPath becasue CSS didn't get contains() selector.
window.scrollBy(0, document.evaluate("//*[text()[contains(., 'Lib Dem')]][last()]", document.body).iterateNext().getBoundingClientRect().top);
If you need to scroll to the first occurrece, not the last one, delete [last()] from this code.
You can also use what google is using to scroll to and highlight specific portions of a search result when you visit the page.
It generates a URL like this:
https://www.inc.com/peter-roesler/heres-what-googles-new-highlight-feature-means-for-your-website.html#:~:text=If%20you%20see%20a%20featured,saw%20in%20the%20featured%20snippet.
It is kind of nifty. The syntax seems to be:
https://example.com/#:~:beginning_of_text,end_of_text
See the following blog post for a few more details:
https://web.dev/text-fragments/
It is supported by version 80 and beyond chromium based browsers. So, limited support right now, but depending on your use case, it could be useful.