i am not sure that this is the right place to ask this question, but i will anyway. i have only been working with html / javascript & jquery for about 2 months, but i have learned a little.
this is what i am trying to do. i have a free image gallery that i managed to included in a website i am trying to make. the gallery works fine, and i have set it up so that on top of each image is a button that fires a short .mp4.
it works fine, but when i click the gallery button to show the next page of pictures (about 15 per page), there are my old buttons. i think, just maybe if i could figure out what js or jq function id being called i may be able to swap in new buttons.
but i cannot understand what is happening. i looked for an onclick, but what they use is a bunch of "this" statements. i am pretty sure they are using an anchor tag to flip the page, but i can't figure out what is being called.
so i came across this site, and after about 10 attempts, finally got the thing to let me join.
i'm hoping i can post the code and maybe somebody could tell me what is happening.
i guess this wasn't much of a question, just an appeal for assistance.
Are you asking how you can debug your code? If you are using Chrome, you can use its Javascript debugger. Similarly, Firebug is a good developer plugin for Firefox.
Related
First time here, forgive me if I'm new, but I can follow ideas.
I will give you a link to my site, as seeing the problem, you may go "ahhhhh" gotta cha! (i hope!)
I have a site that the image popover stopped working. as to which code changed, im not sure.
It is a shopify shop using .liquid with an owl carousel and lightbox within the pages, and perhaps when i used a "Live theme Editor"
code was modified.
Here is the link to an example of a page. all the product pages and have the same problem. I can only open in a new tab, etc. to se the pic.
https://www.japandizness.net/collections/frontpage/products/new-japan-secret-honey-disney-2015-snow-white-dress-version-4
Thanks greatly for help and time on things great than i understand, but i will learn something and pass it on!
Jeff :D
So in short, i dont mess with Joomla at all (been a few years) and today i get a "hey can you fix this" problem which ive dedicated too much time to and i cant seem to figure out the problem. i definitively need help
The website is http://www.inrecordtime.net
The problem is that, the slider doesn't fully work and by "fully" i mean that, everything is in place, ive checked paths and replaced the original files with updated versions, also changed out the google hosted cdn version of jquery with a local copy, checked image paths etc....and nothing.
What happens is that when the page loads, the first image on the slider loads, but the slider doesnt "slide" its just one image in place.
Ive tested the images on firebug and they load fine.
Ive removed the parameters in the slider and left it as a regular function call like jQuery('#slider').nivoSlider(); and nothing.
i placed back the parameters and within the slider, one of the parameters is startSlide
and this parameter instructs the slider to start at a specific image in the list.
currently its at "0" which is the first image, when i change it like so startSlide: 2 for example, and then reload the page, the slider starts at the second image (which indicates the not fully working part of it all ) but again, the slider doesnt "slide".
I suggested to the higher ups that instead of mixing it all up, to let me hard code it but that was shot down because they want them to be able to change the images.
Im really lost so any help or code or suggestion etc, i humbly appreciate.
Thanks in advanced.
Based on the errors that are popping up in my console, you likely need to update the jquery.nivo.slider.pack.js file to a later version, which you can grab from here: https://github.com/gilbitron/Nivo-Slider/blob/master/jquery.nivo.slider.pack.js
The version you are running relies on the live function in jquery, which was deprecated and I think is now removed, hence the errors being thrown now that you use the latest jquery version. The new version of nivo slider has been updated to rely on the new on function of jquery and should run.
Looks like your version is located here: http://www.inrecordtime.net/templates/IRT/scripts/nivo-settings/jquery.nivo.slider.pack.js
Greeting and thanks for your generosity in providing this wonderful forum,
I'm using jQuery Orbit Slider and Reveal Modal. I setup the slider to include content and within the content are hotlinks to a series of modals.
I can't get the first modal, in the series of modals, to open. It appears the plugin is programmatically generating inline CSS that is overriding my CSS stylesheet. Mainly z-index selector is keeping the first modal hidden (or invisible). The subsequent modals in that series work as intended.
When viewed using Chrome Inspect Console shows the inconsistency please note at "featuredContent10" which is where the slide4 resides (it's actually a background image). The data-reveal-id="slide4-1" is the first one in the series of modals. I did not add the inline styles it's in the reveal.js file.
Unfortunately, I don't know enough about reveal and can't find any information regarding a solution. The information I came away with is to ask for assistance on stackoverflow.com. 99.9% of the time I find solution on my own, however, I'm at a lost and my client likes the features of both plugins. Any help you can give me would be very much appreciated.
If it helps here’s a link to the beta site: http://www.partnershipwithearth.com/thecooperationway-1/
Go to Slide 11 lower left link is the culprit. You'll notice the dialog box and close button do appear without the image (slide4-1).
Your expertise is greatly appreciated
Having an issue with a wp theme and creator can't seem to help. It's Ajax driven and doesn’t support custom permalink...
So as soon as the website appeared on Google all link referred send to some black page which seem to be out of the website:
Link appearing in Google: www.thaiorchid.be/menus/ (black page)
Compared to the real webpage: www.thaiorchid.be/#menu-item-21
I start to have an idea of solution with: AJAX navigation in Wordpress - Trouble with Permalinks and tried it on the contact page www.thaiorchid.be/contact which doesn't redirect to the black page anymore but it's still not perfect compared to www.thaiorchid.be/#menu-item-19...
Any idea would be really welcome.
Thanks a lot,
Jonathan
Your site does not provide an appropriate fallback for non–JS browsers (e.g. most Google bots to my knowledge). This seems a (serious) shortcoming of the theme without knowing it any further.
If built properly, an “AJAX–enhanced” site like this should allow access to all content through basic HTML requests. If Javascript is available in a client, preferably the same content should be loaded using AJAX requests, allowing e.g. for faster page loads and nice transitions.
Another problem comes from a missing sub navigation. Since your sub menu (fly-out) is not available without Javascript, you would need to provide an alternative way to reach pages two levels deep and deeper.
Here's an example on how this page could/should work without Javascript:
1. Visit homepage
2. Click “Menus” in navigation
3. Opens “Menus” page, showing what the “black page” currently shows
+ proper header/footer
+ main navigation
+ sub navigation for all elements in “Menus” fly–out (“Potages, Entrées, …”)
4. Click “Potages”
5. View “Potages” page, again with proper
header/footer
+ main navigation
+ sub navigation for all elements in “Menus” fly–out
I know, you’re looking probably for a quick solution, maybe a snippet of code or a plugin to resolve your situation. Unfortunately — unless your theme provides you with some help — such a silver bullet doesn’t exist. The current implementation simply approaches the topic of an “AJAX site” in a fairly reckless way IMHO (you will be “happy” to know, that most screen readers won’t be able to access your content either) and until you re–build the theme or fix the structure you’re pretty much stuck with an unaccessible site.
I have searched and searched, but didn't find what I was looking for, so sorry if it's already there. I did a photo blog for a friend and used to implement jQuery Jazyload (http://www.appelsiini.net/projects/lazyload) to load all the pictures along the way, however, it doesn't work in all browsers anymore and he stopped developing it. I heard of http://www.sebastianoarmelibattana.com/projects/jail/, but it will need a lot of extra text and code when you have 500-1,000 pictures on one site. Also I want to be able to load the images lets say 1000px, before they appear in the window.
Do anyone have suggestions/solution or else, to get the problem fixed?
You can view his site here: www.theblackguido.com (NSFW)
Thank you in advance.
Kristian
It is the part of automatically removing image src which does not work anymore. Version 1.5 released Dec 23, 2009 provided alternative where you must alter HTML and store image url in original attribute. I renamed it recently to data-originalto be HTML5 friendly. I also updated to documentation which better explains how to use it.
But yes. The way Lazy Load used to work is not possible anymore. Before you could just drop in the JavaScript and it handled everything automagically. Due to changes in new browsers you now must alter the HTML.
PS. Lazy Load is not dead. It was just orphan for a while.