Question

-1

Change data-src to src via jquery

rated 0 times [ 0] [ 1] / answers: 1 / hits: 18633 / 10 Years ago, wed, june 25, 2014, 12:00:00

Im using a flexslider that has audio files for each slide, but I don't want to load countless audio files right away on the page. So im trying to get the data-src to become the src after each slide

the slides are currently as follows:

<div class=flexslider carousel>

<ul class=slides>

<li> 

<img src=http://www.quinnmedical.com/skin/frontend/gigasavvy/quinn/ppt/Slide01.jpg  /> 

<audio id=demo controls>

   <source src=/skin/frontend/gigasavvy/quinn/audio/Slide1.mp3 type=audio/mpeg />

</audio>

</li>

<li> 

<img src=http://www.quinnmedical.com/skin/frontend/gigasavvy/quinn/ppt/Slide03.jpg  /> 

<audio id=demo controls>

   <source data-src=/skin/frontend/gigasavvy/quinn/audio/Slide3.mp3 src= type=audio/mpeg />

</audio>

</li>

</ul>

</div>

In the after function i want to change data-src to src. Any help would be greatly appreciated as how to go from data-src to src

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

clarkulisesa

Add To Favorites

Follow

Total Points: 422

Total Questions: 93

Total Answers: 112

Location: Austria

Member since Thu, Jan 7, 2021

3 Years ago

clarkulisesa questions

1 Google BigQuery Error: Syntax error: Illegal input character %

Fri, Sep 18, 20, 00:00, 4 Years ago

1 how to change state of a react component from another component

Mon, Jun 22, 20, 00:00, 4 Years ago

1 How to compare objects using lodash regardless on their order

Tue, Jun 16, 20, 00:00, 4 Years ago

1 How to listen sortChange(event) on Angular for ag-Grid?

Mon, Feb 24, 20, 00:00, 4 Years ago

1 Vue JS provide/inject and Props

Mon, Aug 12, 19, 00:00, 5 Years ago

View All

answered 10 Years ago shane · Accepted Answer

Renaming an attribute is not be possible. You can add new attribute and remove the old one.

Suppose there is a click event as in the following example:

$('#demo').on("click", "img", function () {

   var t = this;

   var source = $(t).children("source");        

   $source.attr({

       src: $t.attr('data-src')

   }).removeAttr('data-src');

}

Please modify the event according to your requirements.