Ask Question Forum:
Model Library:2025-02-08 Updated:A.I. model is online for auto reply question page
C
O
M
P
U
T
E
R
2
8
Show
#
ASK
RECENT
←
- Underline
- Bold
- Italic
- Indent
- Step
- Bullet
- Quote
- Cut
- Copy
- Paste
- Table
- Spelling
- Find & Replace
- Undo
- Redo
- Link
- Attach
- Clear
- Code
Below area will not be traslated by Google,you can input code or other languages
Hint:If find spelling error, You need to correct it,1 by 1 or ignore it (code area won't be checked).
X-position of the mouse cursor
Y-position of the mouse cursor
Y-position of the mouse cursor
Testcursor
caretPos
Attachment:===
Asked by gwh2
at 2024-07-27 21:07:18
ModifyPoint:500 Replies:18 POST_ID:829130USER_ID:12023
Topic:
jQuery;;JavaScript
Hi everyone,
I'm trying to get a jquery based image slider working on the home page of a website I'm working on but the code doesn't seem to be loading for some reason. My page is located at the following url:
http://bc-interiordesign-au21.businesscatalyst.com/
I have the following code positioned at the end of the page:
I'm trying to get a jquery based image slider working on the home page of a website I'm working on but the code doesn't seem to be loading for some reason. My page is located at the following url:
http://bc-interiordesign-au21.businesscatalyst.com/
I have the following code positioned at the end of the page:
<script src="/_assets/js/jquery-1.9.1.min.js"></script><script src="/_assets/js/foundation.min.js"></script><script src="/_assets/js/scripts.js"></script><script> $(function(){ $(document).foundation('orbit', { animation: 'fade', slide_number: false, bullets: false }); });</script> 1:2:3:4:5:6:7:8:9:10:11:12:
I wondered if someone could take a look to see what the problem might be?
Really appreciate any help.
Author: gwh2 replied at 2024-08-03 18:50:11
Thanks so much. I added your code and it's working perfectly now. I really appreciate it.
Accepted Solution
Expert: Gary replied at 2024-08-03 18:07:23
250 points EXCELLENT
Doesn't seem very HTML5 friendly
We can cheat though, just before your foundation jquery code add the bolded line
$(".slideshow-wrapper > ul").attr("data-orbit","")
$(document).foundation('orbit', {
animation: 'fade',
slide_number: false,
bullets: false
});
We can cheat though, just before your foundation jquery code add the bolded line
$(".slideshow-wrapper > ul").attr("data-orbit","")
$(document).foundation('orbit', {
animation: 'fade',
slide_number: false,
bullets: false
});
Author: gwh2 replied at 2024-08-03 18:02:39
Adobe Business Catalyst
Expert: Gary replied at 2024-08-03 18:00:58
What CMS and version?
Author: gwh2 replied at 2024-08-03 17:58:47
Ok, I added your suggested code and checked the source code in the browser but it was still being stripped out
Expert: Gary replied at 2024-08-03 17:47:14
As a test use this instead - it's valid HTML5 so it shouldn't be removed.
data-orbit=""
data-orbit=""
Author: gwh2 replied at 2024-08-03 17:44:59
Hi, yeah it must the cms that's stripping it out. I'm looking into it and will post back once I know. Thanks
Expert: Gary replied at 2024-08-03 08:04:17
Just did a quick check and the browser does not strip it out.
Are you using a CMS - not clear from your code. It is probably that stripping it out.
Are you using a CMS - not clear from your code. It is probably that stripping it out.
Author: gwh2 replied at 2024-07-28 18:35:47
I re-inserted the ul tag but when I checked the source code in the browser it wasn't there so it seems the browser is stripping it out for some reason.
I don't how to get it to work.
I don't how to get it to work.
Author: gwh2 replied at 2024-07-28 18:28:39
Hi,
I added the data-orbit back into the ul tag. Also, I realised that the js include file was different but I hesitate to remove it at this point as it may be related to something else on the page. Someone else put this together so I'm trying to work out what they've done.
Appreciate any further help.
I added the data-orbit back into the ul tag. Also, I realised that the js include file was different but I hesitate to remove it at this point as it may be related to something else on the page. Someone else put this together so I'm trying to work out what they've done.
Appreciate any further help.
Expert: duncanb7 replied at 2024-07-28 12:33:00
Dear Author,
And I see your javascript include file at <script> tag is different from the site I posted in previous post. Please take a look at it if you keep using orbit.
Duncan
And I see your javascript include file at <script> tag is different from the site I posted in previous post. Please take a look at it if you keep using orbit.
Duncan
Expert: Gary replied at 2024-07-28 12:30:04
Can you add the data-orbit back in so I can see if there is another issue.
<ul data-orbit>
<ul data-orbit>
Author: gwh2 replied at 2024-07-28 11:47:51
Thanks for all the comments,
Gary, I tried your suggestion but I'm still having no luck. You said to also put data-orbit on the ul tag but for some reason the browser is stripping this out. I tried adding it in as an id and then a class also but neither worked.
Do you have any other suggestions to get this working? I know it's deprecated and not supported but it's still included in Foundation so I'd rather use this.
Appreciate your help.
Gary, I tried your suggestion but I'm still having no luck. You said to also put data-orbit on the ul tag but for some reason the browser is stripping this out. I tried adding it in as an id and then a class also but neither worked.
Do you have any other suggestions to get this working? I know it's deprecated and not supported but it's still included in Foundation so I'd rather use this.
Appreciate your help.
Assisted Solution
Expert: Gary replied at 2024-07-28 07:56:53
250 points EXCELLENT
Your div container for the slideshow needs the class orbit-container added
Your slideshow UL needs data-orbit added to it e.g.
So you end up with
Your slideshow UL needs data-orbit added to it e.g.
So you end up with
<div class="slideshow-wrapper touch orbit-container" id="hero"><div class="preloader"></div><ul data-orbit> 1:2:3:
Expert: Ray Paseur replied at 2024-07-28 04:04:56
The latest jQuery is available here:
http://code.jquery.com/jquery-latest.min.js
Orbit is circling the drain. "Deprecation Notice: Orbit has been deprecated, meaning that it is no longer supported." Alternative jQuery-based image sliders are listed here:
http://foundation.zurb.com/forum/posts/14504-moving-on-from-developing-orbit
http://code.jquery.com/jquery-latest.min.js
Orbit is circling the drain. "Deprecation Notice: Orbit has been deprecated, meaning that it is no longer supported." Alternative jQuery-based image sliders are listed here:
http://foundation.zurb.com/forum/posts/14504-moving-on-from-developing-orbit
Expert: duncanb7 replied at 2024-07-28 00:41:30
Please take a look tutorial for foundation orbit and its script file including at
http://foundation.zurb.com/docs/components/orbit.html
it seems jquery code should be something like this
http://foundation.zurb.com/docs/components/orbit.html
it seems jquery code should be something like this
$(document).foundation({ orbit: { animation: 'slide', //// other variable here.........................}}); 1:2:3:4:5:6:
Duncan
Expert: duncanb7 replied at 2024-07-28 00:29:04
On chrome browser click options->tools->developer tools->Console,
YOu can do this similar to other browser but you find where is developer tools tab
On Console screen, check whether all javascript code is no error at all first, it may be just
javascript sytnax issue
Duncan
YOu can do this similar to other browser but you find where is developer tools tab
On Console screen, check whether all javascript code is no error at all first, it may be just
javascript sytnax issue
Duncan
Expert: Raghu Mutalikdesai replied at 2024-07-28 00:28:23
I suspect your path for JS is incorrect or you are missing some files. Through Chrome debugger (Developer Tools), I see that _assets/js/jquery.min.map is missing or path is incorrect. Similarly, I got warning for widgets.js.
